@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&family=Poppins:wght@600;700;800&display=swap";:root{--color-primary:#0f75bd;--color-primary-light:#2196f3;--color-primary-dark:#0a5a91;--color-primary-rgb:15,117,189;--color-secondary:#f72c93;--color-secondary-light:#ff6bb3;--color-secondary-dark:#d91872;--color-secondary-rgb:247,44,147;--color-accent:#7c4dff;--color-success:#4caf50;--color-success-light:#81c784;--color-success-dark:#388e3c;--color-success-rgb:76,175,80;--color-warning:#ff9800;--color-warning-light:#ffb74d;--color-warning-dark:#f57c00;--color-warning-rgb:255,152,0;--color-danger:#f44336;--color-danger-light:#ef5350;--color-danger-dark:#d32f2f;--color-danger-rgb:244,67,54;--color-info:#00bcd4;--color-info-light:#4dd0e1;--color-info-dark:#0097a7;--color-info-rgb:0,188,212;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#eee;--color-gray-300:#e0e0e0;--color-gray-400:#bdbdbd;--color-gray-500:#9e9e9e;--color-gray-600:#757575;--color-gray-700:#616161;--color-gray-800:#424242;--color-gray-900:#212121;--color-black:#000;--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-muted:var(--color-gray-500);--color-text-inverse:var(--color-white);--color-background:var(--color-white);--color-background-alt:var(--color-gray-50);--color-surface:var(--color-white);--color-surface-elevated:var(--color-white);--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);--gradient-secondary:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent) 100%);--gradient-success:linear-gradient(135deg,#4caf50,#8bc34a);--gradient-premium:linear-gradient(135deg,gold,#ffa000);--gradient-dark:linear-gradient(135deg,var(--color-gray-800) 0%,var(--color-gray-900) 100%);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-secondary:"Poppins",var(--font-primary);--font-mono:"SF Mono",Monaco,"Cascadia Code",monospace;--font-size-md:1.125rem;--font-size-4xl:4.209rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tighter:-0.05em;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--space-unit:0.5rem;--space-xxs:calc(var(--space-unit)*0.5);--space-xs:var(--space-unit);--space-sm:calc(var(--space-unit)*1.5);--space-md:calc(var(--space-unit)*2);--space-lg:calc(var(--space-unit)*3);--space-xl:calc(var(--space-unit)*4);--space-2xl:calc(var(--space-unit)*6);--space-3xl:calc(var(--space-unit)*8);--space-4xl:calc(var(--space-unit)*12);--space-5xl:calc(var(--space-unit)*16);--space-inline:var(--space-md);--space-stack:var(--space-lg);--space-section:var(--space-4xl);--space-gutter:var(--space-lg);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-2xl:1400px;--grid-columns:12;--grid-gutter:var(--space-lg);--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--border-none:0;--border-thin:1px;--border-medium:2px;--border-thick:4px;--border-color:var(--color-gray-200);--border-color-hover:var(--color-gray-300);--border-color-focus:var(--color-primary);--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 2px 4px rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -1px rgba(0,0,0,.03);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.02);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.08),0 10px 10px -5px rgba(0,0,0,.02);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.15);--shadow-primary:0 4px 14px 0 rgba(15,117,189,.3);--shadow-secondary:0 4px 14px 0 rgba(247,44,147,.3);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.06);--shadow-inner-lg:inset 0 4px 8px 0 rgba(0,0,0,.08);--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--transition-default:all var(--duration-normal) var(--ease-in-out);--transition-fast:all var(--duration-fast) var(--ease-in-out);--transition-slow:all var(--duration-slow) var(--ease-in-out);--z-negative:-1;--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-notification:1080;--button-padding-x:var(--space-lg);--button-padding-y:var(--space-sm);--button-font-weight:var(--font-weight-medium);--button-border-radius:var(--radius-md);--button-transition:var(--transition-fast);--card-padding:var(--space-lg);--card-radius:var(--radius-lg);--card-shadow:var(--shadow-md);--card-shadow-hover:var(--shadow-lg);--input-padding-x:var(--space-md);--input-padding-y:var(--space-sm);--input-border-radius:var(--radius-md);--input-border-color:var(--border-color);--input-focus-color:var(--color-primary);--input-focus-shadow:0 0 0 3px rgba(var(--color-primary-rgb),0.1);--nav-height:64px;--nav-background:hsla(0,0%,100%,.95);--nav-backdrop-filter:blur(10px);--modal-backdrop:rgba(0,0,0,.5);--modal-radius:var(--radius-xl);--modal-shadow:var(--shadow-2xl);--spring-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--spring-wobbly:cubic-bezier(0.18,0.89,0.32,1.28);--spring-gentle:cubic-bezier(0.25,0.46,0.45,0.94);--duration-quick:200ms;--duration-smooth:400ms;--duration-leisurely:800ms;--transition-spring:all var(--duration-smooth) var(--spring-wobbly);--gradient-brand:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);--gradient-success-vibrant:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-light) 100%);--gradient-warning-vibrant:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-light) 100%);--gradient-danger-vibrant:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-light) 100%);--gradient-info-vibrant:linear-gradient(135deg,var(--color-info) 0%,var(--color-info-light) 100%);--gradient-subtle:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%);--gradient-surface:linear-gradient(135deg,var(--color-white) 0%,var(--color-gray-50) 100%);--gradient-hero:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-accent) 100%);--gradient-hero-dark:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-800) 100%);--shadow-primary-light:0 4px 14px 0 rgba(var(--color-primary-rgb),0.15);--shadow-secondary-light:0 4px 14px 0 rgba(var(--color-secondary-rgb),0.15);--shadow-glass-hover:0 16px 48px 0 rgba(31,38,135,.25);--button-padding-sm:var(--space-xs) var(--space-md);--button-padding-lg:var(--space-md) var(--space-xl);--button-height-sm:32px;--button-height-md:40px;--button-height-lg:48px;--card-padding-sm:var(--space-md);--card-padding-lg:var(--space-xl);--card-gap:var(--space-lg);--nav-height-sm:56px;--nav-height-lg:72px;--nav-padding:var(--space-md) var(--space-lg);--input-height:48px;--input-height-sm:36px;--input-height-lg:56px;--label-font-size:var(--font-size-sm);--helper-font-size:var(--font-size-xs);--dna-helix-primary:#3b82f6;--dna-helix-secondary:#ec4899;--dna-helix-tertiary:#10b981;--dna-helix-quaternary:#f59e0b;--compatibility-excellent:#059669;--compatibility-very-good:#65a30d;--compatibility-good:#ca8a04;--compatibility-fair:#dc2626;--compatibility-poor:#991b1b;--data-viz-background:rgba(59,130,246,.05);--data-viz-grid:rgba(59,130,246,.1);--data-viz-accent:rgba(236,72,153,.8);--gradient-premium-dna:linear-gradient(135deg,#f093fb,#f5576c);--gradient-science:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-luxury:linear-gradient(135deg,#ffecd2,#fcb69f);--dna-rotation-speed:20s;--helix-pulse-speed:3s;--data-flow-speed:2s;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--icon-2xl:48px;--icon-3xl:64px;--icon-primary:var(--color-primary);--icon-secondary:var(--color-secondary);--icon-muted:var(--color-text-secondary);--icon-inverse:var(--color-white);--icon-success:var(--color-success);--icon-warning:var(--color-warning);--icon-danger:var(--color-danger);--icon-info:var(--color-info);--text-display:clamp(2.5rem,8vw,5.5rem);--text-hero:clamp(2rem,6vw,4rem);--text-h1:clamp(1.75rem,4vw,3rem);--text-h2:clamp(1.5rem,3vw,2.25rem);--text-h3:clamp(1.25rem,2.5vw,1.875rem);--text-h4:clamp(1.125rem,2vw,1.5rem);--text-h5:clamp(1rem,1.5vw,1.25rem);--text-h6:clamp(0.875rem,1.2vw,1.125rem);--text-lead:clamp(1.125rem,2vw,1.25rem);--text-body:1rem;--text-body-sm:0.875rem;--text-caption:0.75rem;--text-overline:0.625rem;--line-height-display:0.95;--line-height-hero:1.1;--line-height-heading:1.25;--line-height-body:1.6;--line-height-caption:1.4;--letter-spacing-display:-0.025em;--letter-spacing-hero:-0.02em;--letter-spacing-heading:-0.01em;--letter-spacing-body:0;--letter-spacing-caption:0.025em;--letter-spacing-overline:0.1em;--color-primary-50:#e6f3ff;--color-primary-100:#b3d9ff;--color-primary-200:#80bfff;--color-primary-300:#4da6ff;--color-primary-400:#1a8cff;--color-primary-500:#0f75bd;--color-primary-600:#0c5ea0;--color-primary-700:#094783;--color-primary-800:#063066;--color-primary-900:#031949;--color-secondary-50:#fef0f7;--color-secondary-100:#fcc2e0;--color-secondary-200:#fa94ca;--color-secondary-300:#f866b3;--color-secondary-400:#f6389c;--color-secondary-500:#f72c93;--color-secondary-600:#d41f7a;--color-secondary-700:#b11661;--color-secondary-800:#8e0d48;--color-secondary-900:#6b042f;--gradient-dawn:linear-gradient(135deg,#ff9a9e,#fad0c4);--gradient-sunset:linear-gradient(135deg,#fa709a,#fee140);--gradient-ocean:linear-gradient(135deg,#667eea,#764ba2);--gradient-forest:linear-gradient(135deg,#11998e,#38ef7d);--gradient-royal:linear-gradient(135deg,#667db6,#0082c8);--gradient-rose:linear-gradient(135deg,#f093fb,#f5576c);--gradient-dna-helix:linear-gradient(45deg,var(--color-primary) 0%,var(--color-secondary) 25%,var(--color-accent) 50%,var(--color-secondary) 75%,var(--color-primary) 100%);--gradient-genetic:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);--glass-bg-light:hsla(0,0%,100%,.08);--glass-bg-dark:rgba(0,0,0,.08);--glass-border:hsla(0,0%,100%,.2);--glass-backdrop:blur(20px);--shadow-01:0 1px 2px 0 rgba(0,0,0,.05);--shadow-02:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-03:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-04:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-05:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-06:0 25px 50px -12px rgba(0,0,0,.25);--shadow-primary-soft:0 4px 14px 0 rgba(var(--color-primary-rgb),0.15);--shadow-primary-medium:0 8px 28px 0 rgba(var(--color-primary-rgb),0.25);--shadow-primary-strong:0 16px 48px 0 rgba(var(--color-primary-rgb),0.35);--shadow-secondary-soft:0 4px 14px 0 rgba(var(--color-secondary-rgb),0.15);--shadow-secondary-medium:0 8px 28px 0 rgba(var(--color-secondary-rgb),0.25);--shadow-secondary-strong:0 16px 48px 0 rgba(var(--color-secondary-rgb),0.35);--shadow-hover:0 12px 24px -8px rgba(0,0,0,.15);--shadow-active:0 2px 4px -1px rgba(0,0,0,.08);--shadow-focus:0 0 0 4px rgba(var(--color-primary-rgb),0.12);--shadow-inner-soft:inset 0 1px 3px 0 rgba(0,0,0,.05);--shadow-inner-strong:inset 0 2px 8px 0 rgba(0,0,0,.1);--shadow-glass:0 8px 32px 0 rgba(31,38,135,.12);--ease-smooth:cubic-bezier(0.25,0.46,0.45,0.94);--ease-bounce-in:cubic-bezier(0.6,0.04,0.98,0.335);--ease-bounce-out:cubic-bezier(0.175,0.885,0.32,1.275);--ease-back-in:cubic-bezier(0.6,-0.28,0.735,0.045);--ease-back-out:cubic-bezier(0.175,0.885,0.32,1.275);--ease-elastic-out:cubic-bezier(0.68,-0.55,0.265,1.55);--duration-instant:0ms;--duration-micro:75ms;--duration-fast:150ms;--duration-normal:250ms;--duration-medium:400ms;--duration-slow:600ms;--duration-slower:900ms;--duration-slowest:1200ms;--transition-smooth:all var(--duration-normal) var(--ease-smooth);--transition-bounce:all var(--duration-medium) var(--ease-bounce-out);--transition-elastic:all var(--duration-slow) var(--ease-elastic-out);--transition-micro:all var(--duration-micro) var(--ease-out);--font-size-xs:clamp(0.75rem,0.5vw+0.65rem,0.875rem);--font-size-sm:clamp(0.875rem,0.5vw+0.775rem,1rem);--font-size-base:clamp(1rem,1vw+0.75rem,1.125rem);--font-size-lg:clamp(1.125rem,1.5vw+0.75rem,1.375rem);--font-size-xl:clamp(1.25rem,2vw+0.75rem,1.75rem);--font-size-2xl:clamp(1.5rem,3vw+0.75rem,2.25rem);--font-size-3xl:clamp(1.875rem,4vw+0.75rem,3rem);--spacing-xs:clamp(0.25rem,0.5vw+0.125rem,0.5rem);--spacing-sm:clamp(0.5rem,1vw+0.25rem,0.75rem);--spacing-md:clamp(0.75rem,1.5vw+0.375rem,1.25rem);--spacing-lg:clamp(1rem,2vw+0.5rem,1.75rem);--spacing-xl:clamp(1.5rem,3vw+0.75rem,2.5rem);--spacing-2xl:clamp(2rem,4vw+1rem,3.5rem)}@media(prefers-color-scheme:dark){:root{--color-background:var(--color-gray-900);--color-surface:var(--color-gray-800);--color-text-primary:var(--color-gray-50);--color-text-secondary:var(--color-gray-300);--border-color:var(--color-gray-700)}}[data-site=datemetrix]{--color-primary:#6a1b9a;--color-primary-light:#9c4dcc;--color-primary-dark:#4a148c;--color-primary-rgb:106,27,154;--gradient-primary:linear-gradient(135deg,#6a1b9a,#9c4dcc)}[data-site=genepool]{--color-primary:#00897b;--color-primary-light:#4db6ac;--color-primary-dark:#00695c;--color-primary-rgb:0,137,123;--gradient-primary:linear-gradient(135deg,#00897b,#4db6ac)}[data-site=wellmatched]{--color-primary:#1976d2;--color-primary-light:#42a5f5;--color-primary-dark:#1565c0;--color-primary-rgb:25,118,210;--gradient-primary:linear-gradient(135deg,#1976d2,#42a5f5)}[data-site=generecovery]{--color-primary:#388e3c;--color-primary-light:#66bb6a;--color-primary-dark:#2e7d32;--color-primary-rgb:56,142,60;--gradient-primary:linear-gradient(135deg,#388e3c,#66bb6a)}[data-site=heritablehealth]{--color-primary:#007bff;--color-primary-light:#40a9ff;--color-primary-dark:#0056b3;--color-primary-rgb:0,123,255;--gradient-primary:linear-gradient(135deg,#007bff,#40a9ff)}@media(max-width:767px){:root{--space-section:var(--space-3xl);--card-padding:var(--space-md);--nav-height:var(--nav-height-sm);--font-size-4xl:2.5rem;--font-size-3xl:2rem;--font-size-2xl:1.75rem}}@media(min-width:1200px){:root{--space-section:calc(var(--space-4xl)+var(--space-lg));--card-padding:var(--space-xl);--nav-height:var(--nav-height-lg)}}.text-brand{color:var(--color-primary)!important}.text-accent{color:var(--color-accent)!important}.bg-brand{background-color:var(--color-primary)!important}.bg-accent{background-color:var(--color-accent)!important}.bg-gradient-brand{background:var(--gradient-brand)!important}.bg-gradient-hero{background:var(--gradient-hero)!important}.border-brand{border-color:var(--color-primary)!important}.border-radius-token{border-radius:var(--radius-md)!important}.shadow-token{box-shadow:var(--shadow-md)!important}.shadow-hover-token{box-shadow:var(--shadow-hover)!important}:export{primaryColor:var(--color-primary);secondaryColor:var(--color-secondary);breakpointMd:var(--breakpoint-md);breakpointLg:var(--breakpoint-lg);durationNormal:var(--duration-normal);springBounce:var(--spring-bounce);shadowPrimary:var(--shadow-primary)}*{box-sizing:border-box}:focus{outline:none}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--bs-primary);outline-offset:2px}html{font-size:16px;height:100%;scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.btn-world-class{align-items:center;border:none;border-radius:var(--btn-border-radius);cursor:pointer;display:inline-flex;font-family:var(--font-family-base);font-size:var(--text-base);font-weight:var(--btn-font-weight);gap:var(--space-xs);justify-content:center;line-height:1;min-height:44px;min-width:44px;overflow:hidden;padding:var(--btn-padding-y) var(--btn-padding-x);position:relative;text-decoration:none;transform-origin:center;transition:var(--btn-transition);white-space:nowrap}.btn-world-class:before{background:hsla(0,0%,100%,.5);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width var(--duration-slow),height var(--duration-slow);width:0}.btn-world-class:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-world-class:active{transform:translateY(0);transition-duration:var(--duration-instant)}.btn-world-class:active:before{height:300px;width:300px}.btn-world-class.btn-primary{background-color:var(--color-primary-500);color:#fff}.btn-world-class.btn-primary:hover{background-color:var(--color-primary-600)}.btn-world-class.btn-secondary{background-color:var(--color-gray-200);color:var(--color-gray-800)}.btn-world-class.btn-secondary:hover{background-color:var(--color-gray-300)}.btn-world-class.btn-ghost{background-color:transparent;color:var(--color-primary-500)}.btn-world-class.btn-ghost:hover{background-color:rgba(var(--color-primary-500),.1)}.btn-world-class.btn-sm{font-size:var(--text-sm);padding:var(--space-xs) var(--space-md)}.btn-world-class.btn-lg{font-size:var(--text-lg);padding:var(--space-md) var(--space-xl)}.btn-world-class.btn-loading{color:transparent}.btn-world-class.btn-loading:after{animation:btn-loading-spin 1s ease infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;content:"";height:20px;margin:auto;position:absolute;width:20px}@keyframes btn-loading-spin{to{transform:rotate(1turn)}}.form-field-world-class{margin-bottom:var(--space-lg);position:relative}.form-field-world-class input,.form-field-world-class select,.form-field-world-class textarea{background-color:#fff;border:var(--form-field-border-width) solid var(--form-field-border-color);border-radius:var(--form-field-border-radius);color:var(--color-gray-900);font-family:var(--font-family-base);font-size:var(--text-base);line-height:var(--line-height-normal);min-height:44px;padding:var(--form-field-padding-y) var(--form-field-padding-x);transition:all var(--duration-fast) var(--easing-default);width:100%}.form-field-world-class input:focus,.form-field-world-class select:focus,.form-field-world-class textarea:focus{border-color:var(--form-field-focus-color);box-shadow:var(--form-field-focus-shadow)}.form-field-world-class input:valid,.form-field-world-class select:valid,.form-field-world-class textarea:valid{border-color:var(--color-success)}.form-field-world-class input:invalid:not(:-moz-placeholder),.form-field-world-class select:invalid:not(:-moz-placeholder),.form-field-world-class textarea:invalid:not(:-moz-placeholder){border-color:var(--color-error)}.form-field-world-class input:invalid:not(:placeholder-shown),.form-field-world-class select:invalid:not(:placeholder-shown),.form-field-world-class textarea:invalid:not(:placeholder-shown){border-color:var(--color-error)}.form-field-world-class input:disabled,.form-field-world-class select:disabled,.form-field-world-class textarea:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.6}.form-field-world-class label{background-color:#fff;color:var(--color-gray-500);font-size:var(--text-base);left:var(--form-field-padding-x);padding:0 var(--space-2xs);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--duration-fast) var(--easing-default)}.form-field-world-class input:not(:-moz-placeholder)~label,.form-field-world-class textarea:not(:-moz-placeholder)~label{color:var(--form-field-focus-color);font-size:var(--text-sm);top:0}.form-field-world-class input:focus~label,.form-field-world-class input:not(:placeholder-shown)~label,.form-field-world-class select:focus~label,.form-field-world-class select:valid~label,.form-field-world-class textarea:focus~label,.form-field-world-class textarea:not(:placeholder-shown)~label{color:var(--form-field-focus-color);font-size:var(--text-sm);top:0}.form-field-world-class .form-help{color:var(--color-gray-600);font-size:var(--text-sm);margin-top:var(--space-xs)}.form-field-world-class .form-error{color:var(--color-error);display:none;font-size:var(--text-sm);margin-top:var(--space-xs)}.form-field-world-class.has-error input,.form-field-world-class.has-error select,.form-field-world-class.has-error textarea{border-color:var(--color-error)}.form-field-world-class.has-error .form-error{display:block}.form-field-world-class.has-success input,.form-field-world-class.has-success select,.form-field-world-class.has-success textarea{border-color:var(--color-success)}.password-strength{display:grid;gap:var(--space-2xs);grid-template-columns:repeat(4,1fr);height:4px;margin-top:var(--space-xs)}.password-strength .strength-bar{background:var(--color-gray-300);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--easing-default)}.password-strength[data-strength=weak] .strength-bar:first-child{background:var(--color-error)}.password-strength[data-strength=fair] .strength-bar:nth-child(-n+2){background:var(--color-warning)}.password-strength[data-strength=good] .strength-bar:nth-child(-n+3){background:var(--color-info)}.password-strength[data-strength=strong] .strength-bar{background:var(--color-success)}.card-world-class{background:#fff;border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);cursor:pointer;padding:var(--card-padding);position:relative;transition:all var(--duration-normal) var(--easing-default)}.card-world-class:before{border-radius:inherit;bottom:0;box-shadow:var(--card-shadow-hover);content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--duration-normal) var(--easing-default)}.card-world-class:hover{transform:translateY(-4px)}.card-world-class:hover:before{opacity:1}.card-world-class .card-header{margin-bottom:var(--space-md)}.card-world-class .card-header h3{color:var(--color-gray-900);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin:0}.card-world-class .card-body{color:var(--color-gray-600);line-height:var(--line-height-relaxed)}.card-world-class .card-footer{border-top:1px solid var(--color-gray-200);margin-top:var(--space-lg);padding-top:var(--space-md)}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background-color:var(--color-gray-200);background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:400% 100%;border-radius:var(--radius-md);overflow:hidden;position:relative}.skeleton:after{animation:skeleton-shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.skeleton.skeleton-text{border-radius:var(--radius-sm);height:1em}.skeleton.skeleton-title{border-radius:var(--radius-sm);height:1.5em;width:50%}.skeleton.skeleton-button{border-radius:var(--radius-full);height:44px;width:120px}.skeleton.skeleton-avatar{border-radius:var(--radius-full);height:48px;width:48px}.pulse-loader{display:inline-block;height:40px;width:40px}.pulse-loader:after{animation:pulse-spin 1.2s linear infinite;border:3px solid var(--color-primary-500);border-color:var(--color-primary-500) transparent var(--color-primary-500) transparent;border-radius:50%;content:" ";display:block;height:32px;margin:4px;width:32px}@keyframes pulse-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav-world-class{background:#fff;box-shadow:var(--shadow-sm);height:var(--nav-height);position:sticky;top:0;z-index:var(--z-index-sticky)}.nav-world-class .nav-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:var(--container-7xl);padding:0 var(--space-lg)}.nav-world-class .nav-brand{align-items:center;color:var(--color-gray-900);display:flex;font-size:var(--text-xl);font-weight:var(--font-weight-bold);gap:var(--space-sm);text-decoration:none}.nav-world-class .nav-menu{align-items:center;display:flex;gap:var(--space-xs);list-style:none;margin:0;padding:0}.nav-world-class .nav-item a{align-items:center;border-radius:var(--radius-md);color:var(--color-gray-600);display:flex;padding:var(--nav-item-padding-y) var(--nav-item-padding-x);text-decoration:none;transition:all var(--duration-fast) var(--easing-default)}.nav-world-class .nav-item a:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.nav-world-class .nav-item a.active{background-color:var(--color-primary-100);color:var(--color-primary-700)}.nav-world-class .nav-toggle{display:none}@media(max-width:768px){.nav-world-class .nav-toggle{display:block}.nav-world-class .nav-menu{align-items:stretch;background:#fff;box-shadow:var(--shadow-xl);flex-direction:column;height:calc(100vh - var(--nav-height));left:-100%;padding:var(--space-lg);position:fixed;top:var(--nav-height);transition:left var(--duration-normal) var(--easing-default);width:100%}.nav-world-class .nav-menu.is-open{left:0}.nav-world-class .nav-item a{padding:var(--space-md);width:100%}}.modal-world-class{align-items:center;background-color:var(--modal-backdrop-color);display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:var(--space-lg);position:fixed;top:0;transition:all var(--duration-normal) var(--easing-default);visibility:hidden;width:100%;z-index:var(--z-index-modal)}.modal-world-class.is-open{opacity:1;visibility:visible}.modal-world-class .modal-content{background:#fff;border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow);max-height:90vh;max-width:var(--container-lg);overflow-y:auto;padding:var(--modal-padding);position:relative;transform:scale(.9);transition:transform var(--duration-normal) var(--easing-bounce);width:100%}.modal-world-class.is-open .modal-content{transform:scale(1)}.modal-world-class .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.modal-world-class .modal-header h2{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin:0}.modal-world-class .modal-close{align-items:center;background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all var(--duration-fast) var(--easing-default);width:40px}.modal-world-class .modal-close:hover{background-color:var(--color-gray-100)}.animate-slide-up{animation:slideUp var(--duration-medium) var(--ease-bounce-out) forwards}.animate-slide-down{animation:slideDown var(--duration-normal) var(--easing-default) both}.animate-slide-left{animation:slideLeft var(--duration-normal) var(--easing-default) both}.animate-slide-right{animation:slideRight var(--duration-normal) var(--easing-default) both}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn var(--duration-medium) var(--ease-smooth) forwards}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-elastic-out) forwards}.animate-pulse{animation:pulse 2s var(--ease-smooth) infinite}.visually-hidden{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.skip-link{background:var(--bs-primary);border-radius:0 0 4px 0;color:#fff;left:0;padding:8px;position:absolute;text-decoration:none;top:-40px;transition:top var(--duration-fast) var(--easing-default);z-index:9999}.skip-link:focus{top:0}.touch-target{position:relative}.touch-target:before{content:"";height:max(100%,44px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(100%,44px)}.container-query{container-type:inline-size}.gpu-accelerated{transform:translateZ(0);will-change:transform}.content-visibility-auto{contain-intrinsic-size:0 400px;content-visibility:auto}@keyframes dna-helix-rotate{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes genetic-flow{0%{opacity:0;transform:translateX(-100%)}50%{opacity:1}to{opacity:0;transform:translateX(100%)}}@keyframes data-stream{0%{opacity:0;transform:translateY(100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100%)}}.dna-helix-container{height:200px;margin:0 auto;perspective:1000px;position:relative;width:120px}.dna-helix-container .dna-helix{animation:dna-helix-rotate var(--dna-rotation-speed) linear infinite;height:100%;position:relative;transform-style:preserve-3d;width:100%}.dna-helix-container .dna-helix .helix-strand{background:linear-gradient(to bottom,var(--dna-helix-primary),var(--dna-helix-secondary));border-radius:2px;height:100%;position:absolute;transform-origin:center;width:4px}.dna-helix-container .dna-helix .helix-strand:first-child{transform:rotateY(0deg) translateZ(40px)}.dna-helix-container .dna-helix .helix-strand:nth-child(2){transform:rotateY(60deg) translateZ(40px)}.dna-helix-container .dna-helix .helix-strand:nth-child(3){transform:rotateY(120deg) translateZ(40px)}.dna-helix-container .dna-helix .helix-strand:nth-child(4){transform:rotateY(180deg) translateZ(40px)}.dna-helix-container .dna-helix .helix-strand:nth-child(5){transform:rotateY(240deg) translateZ(40px)}.dna-helix-container .dna-helix .helix-strand:nth-child(6){transform:rotateY(300deg) translateZ(40px)}.dna-helix-container .dna-helix .base-pair{animation:dna-pulse var(--helix-pulse-speed) ease-in-out infinite;background:var(--dna-helix-tertiary);border-radius:1px;height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.dna-helix-container .dna-helix .base-pair:nth-child(7){animation-delay:.2s;top:18px}.dna-helix-container .dna-helix .base-pair:nth-child(8){animation-delay:.4s;top:36px}.dna-helix-container .dna-helix .base-pair:nth-child(9){animation-delay:.6s;top:54px}.dna-helix-container .dna-helix .base-pair:nth-child(10){animation-delay:.8s;top:72px}.dna-helix-container .dna-helix .base-pair:nth-child(11){animation-delay:1s;top:90px}.dna-helix-container .dna-helix .base-pair:nth-child(12){animation-delay:1.2s;top:108px}.dna-helix-container .dna-helix .base-pair:nth-child(13){animation-delay:1.4s;top:126px}.dna-helix-container .dna-helix .base-pair:nth-child(14){animation-delay:1.6s;top:144px}.dna-helix-container .dna-helix .base-pair:nth-child(15){animation-delay:1.8s;top:162px}.dna-helix-container .dna-helix .base-pair:nth-child(16){animation-delay:2s;top:180px}.dna-helix-micro{display:inline-block;height:32px;position:relative;width:24px}.dna-helix-micro:after,.dna-helix-micro:before{background:linear-gradient(45deg,var(--dna-helix-primary),var(--dna-helix-secondary));border-radius:1px;content:"";height:100%;position:absolute;width:2px}.dna-helix-micro:before{left:6px;transform:rotate(-15deg)}.dna-helix-micro:after{right:6px;transform:rotate(15deg)}.genetic-profile-card{backdrop-filter:blur(20px);background:linear-gradient(145deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.7));border:1px solid hsla(0,0%,100%,.2);border-radius:24px;cursor:pointer;margin:16px 0;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.genetic-profile-card:before{background:var(--gradient-genetic);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.genetic-profile-card:after{background:radial-gradient(circle,rgba(59,130,246,.1) 0,transparent 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .4s ease;width:200%}.genetic-profile-card:hover{box-shadow:0 32px 64px rgba(0,0,0,.15);transform:translateY(-8px)}.genetic-profile-card:hover:after{opacity:1}.genetic-profile-card .profile-header{align-items:center;display:flex;gap:20px;margin-bottom:24px}.genetic-profile-card .profile-header .profile-avatar{animation:compatibility-pulse 3s infinite;border:3px solid var(--dna-helix-primary);border-radius:50%;height:80px;overflow:hidden;position:relative;width:80px}.genetic-profile-card .profile-header .profile-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.genetic-profile-card .profile-header .profile-avatar .genetic-indicator{align-items:center;background:var(--compatibility-excellent);border:3px solid #fff;border-radius:50%;bottom:-2px;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-2px;width:24px}.genetic-profile-card .profile-header .profile-info{flex:1}.genetic-profile-card .profile-header .profile-info h3{color:var(--color-gray-900);font-family:var(--font-secondary);font-size:24px;font-weight:700;margin:0 0 8px}.genetic-profile-card .profile-header .profile-info .profile-meta{color:var(--color-gray-600);font-size:16px;margin-bottom:12px}.genetic-profile-card .profile-header .profile-info .compatibility-badge{align-items:center;background:var(--gradient-genetic);border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:6px 16px}.genetic-profile-card .profile-header .profile-info .compatibility-badge .dna-icon{height:16px;width:16px}.genetic-profile-card .genetic-compatibility{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:24px 0}.genetic-profile-card .genetic-compatibility .compatibility-metric{text-align:center}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-value{color:var(--dna-helix-primary);font-family:var(--font-secondary);font-size:32px;font-weight:800;margin-bottom:4px}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-label{color:var(--color-gray-600);font-size:14px;font-weight:500}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-bar{background:var(--color-gray-200);border-radius:2px;height:4px;margin:8px 0;overflow:hidden;width:100%}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-bar .metric-fill{background:var(--gradient-genetic);border-radius:2px;height:100%;transition:width 1s ease-out}.genetic-profile-card .genetic-traits .traits-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.genetic-profile-card .genetic-traits .traits-grid .trait-pill{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:20px;color:var(--dna-helix-primary);font-size:14px;font-weight:500;padding:8px 16px;text-align:center;transition:all .3s ease}.genetic-profile-card .genetic-traits .traits-grid .trait-pill:hover{background:rgba(59,130,246,.2);transform:translateY(-2px)}.genetic-profile-card .genetic-traits .traits-grid .trait-pill.match{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2);color:var(--compatibility-excellent)}.genetic-data-viz{background:var(--data-viz-background);border:1px solid var(--data-viz-grid);border-radius:16px;margin:24px 0;padding:24px;position:relative}.genetic-data-viz .viz-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.genetic-data-viz .viz-header h4{color:var(--color-gray-900);font-size:18px;font-weight:600;margin:0}.genetic-data-viz .viz-header .viz-legend{display:flex;gap:16px}.genetic-data-viz .viz-header .viz-legend .legend-item{align-items:center;display:flex;font-size:14px;gap:8px}.genetic-data-viz .viz-header .viz-legend .legend-item .legend-color{border-radius:50%;height:12px;width:12px}.genetic-data-viz .compatibility-chart{background:repeating-linear-gradient(90deg,transparent,transparent 40px,var(--data-viz-grid) 40px,var(--data-viz-grid) 41px);height:200px;position:relative}.genetic-data-viz .compatibility-chart .chart-bar{background:var(--gradient-genetic);border-radius:4px 4px 0 0;bottom:0;position:absolute;transition:all .6s cubic-bezier(.25,.46,.45,.94);width:60px}.genetic-data-viz .compatibility-chart .chart-bar:after{color:var(--dna-helix-primary);content:attr(data-value);font-size:14px;font-weight:600;left:50%;position:absolute;top:-30px;transform:translateX(-50%)}.genetic-data-viz .compatibility-chart .chart-bar:first-child{animation-delay:.1s;left:20px}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(2){animation-delay:.2s;left:100px}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(3){animation-delay:.3s;left:180px}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(4){animation-delay:.4s;left:260px}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(5){animation-delay:.5s;left:340px}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(6){animation-delay:.6s;left:420px}.genetic-data-viz .dna-sequence-viz{align-items:center;display:flex;height:60px;justify-content:center;margin:20px 0}.genetic-data-viz .dna-sequence-viz .sequence-base{align-items:center;animation:genetic-flow var(--data-flow-speed) ease-in-out infinite;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;margin:0 2px;width:20px}.genetic-data-viz .dna-sequence-viz .sequence-base.adenine{background:#ff6b6b}.genetic-data-viz .dna-sequence-viz .sequence-base.thymine{background:#4ecdc4}.genetic-data-viz .dna-sequence-viz .sequence-base.guanine{background:#45b7d1}.genetic-data-viz .dna-sequence-viz .sequence-base.cytosine{background:#96ceb4}.genetic-data-viz .dna-sequence-viz .sequence-base:first-child{animation-delay:.1s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(2){animation-delay:.2s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(3){animation-delay:.3s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(4){animation-delay:.4s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(5){animation-delay:.5s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(6){animation-delay:.6s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(7){animation-delay:.7s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(8){animation-delay:.8s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(9){animation-delay:.9s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(10){animation-delay:1s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(11){animation-delay:1.1s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(12){animation-delay:1.2s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(13){animation-delay:1.3s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(14){animation-delay:1.4s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(15){animation-delay:1.5s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(16){animation-delay:1.6s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(17){animation-delay:1.7s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(18){animation-delay:1.8s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(19){animation-delay:1.9s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(20){animation-delay:2s}.genetic-report-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);margin:24px 0;overflow:hidden}.genetic-report-card .report-header{background:var(--gradient-science);color:#fff;padding:32px;text-align:center}.genetic-report-card .report-header .report-title{font-family:var(--font-secondary);font-size:28px;font-weight:800;margin-bottom:8px}.genetic-report-card .report-header .report-subtitle{font-size:16px;opacity:.9}.genetic-report-card .report-header .genetic-score{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border-radius:50px;display:inline-block;margin-top:20px;padding:16px 32px}.genetic-report-card .report-header .genetic-score .score-value{font-family:var(--font-secondary);font-size:48px;font-weight:900}.genetic-report-card .report-header .genetic-score .score-label{font-size:14px;margin-top:4px;opacity:.8}.genetic-report-card .report-sections{padding:32px}.genetic-report-card .report-sections .report-section{margin-bottom:32px}.genetic-report-card .report-sections .report-section:last-child{margin-bottom:0}.genetic-report-card .report-sections .report-section .section-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.genetic-report-card .report-sections .report-section .section-header .section-icon{align-items:center;background:var(--gradient-genetic);border-radius:50%;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.genetic-report-card .report-sections .report-section .section-header .section-title{color:var(--color-gray-900);font-size:20px;font-weight:700;margin:0}.genetic-report-card .report-sections .report-section .genetic-markers{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);border-radius:12px;padding:16px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .marker-name{color:var(--color-gray-900);font-weight:600;margin-bottom:8px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .marker-value{color:var(--color-gray-600);font-size:14px;margin-bottom:12px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator{align-items:center;display:flex;gap:8px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator .indicator-dot{border-radius:50%;height:8px;width:8px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator .indicator-dot.excellent{background:var(--compatibility-excellent)}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator .indicator-dot.good{background:var(--compatibility-good)}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator .indicator-dot.fair{background:var(--compatibility-fair)}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator .indicator-text{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.genetic-interaction-panel{backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.2);border-radius:24px;margin:24px 0;overflow:hidden;padding:32px;position:relative}.genetic-interaction-panel:before{background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(236,72,153,.1) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(16,185,129,.1) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.genetic-interaction-panel .interaction-header{margin-bottom:32px;text-align:center}.genetic-interaction-panel .interaction-header h3{background:var(--gradient-genetic);-webkit-background-clip:text;font-size:28px;font-weight:800;margin-bottom:12px;-webkit-text-fill-color:transparent;background-clip:text}.genetic-interaction-panel .genetic-sliders{display:grid;gap:24px}.genetic-interaction-panel .genetic-sliders .slider-group .slider-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.genetic-interaction-panel .genetic-sliders .slider-group .slider-label .label-text{color:var(--color-gray-900);font-weight:600}.genetic-interaction-panel .genetic-sliders .slider-group .slider-label .label-value{color:var(--dna-helix-primary);font-weight:700}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider{background:var(--color-gray-200);border-radius:4px;cursor:pointer;height:8px;position:relative}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider .slider-track{background:var(--gradient-genetic);border-radius:4px;height:100%;position:absolute;transition:width .3s ease}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider .slider-thumb{background:#fff;border:3px solid var(--dna-helix-primary);border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.15);cursor:grab;height:20px;position:absolute;top:-6px;transition:all .3s ease;width:20px}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider .slider-thumb:hover{box-shadow:0 6px 12px rgba(0,0,0,.25);transform:scale(1.2)}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider .slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.premium-genetic-card{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid transparent;border-radius:32px;margin:32px 0;overflow:hidden;padding:40px;position:relative}.premium-genetic-card:before{background:var(--gradient-luxury);border-radius:32px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;padding:2px;position:absolute}.premium-genetic-card .premium-badge{background:var(--gradient-premium-dna);border-radius:20px;box-shadow:0 8px 16px rgba(245,87,108,.3);color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;padding:8px 16px;position:absolute;right:20px;text-transform:uppercase;top:20px}.premium-genetic-card .luxury-metrics{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:32px 0}.premium-genetic-card .luxury-metrics .luxury-metric{background:rgba(59,130,246,.03);border-radius:20px;padding:24px;text-align:center;transition:all .4s ease}.premium-genetic-card .luxury-metrics .luxury-metric:hover{background:rgba(59,130,246,.08);transform:translateY(-4px)}.premium-genetic-card .luxury-metrics .luxury-metric .metric-icon{align-items:center;background:var(--gradient-genetic);border-radius:50%;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.premium-genetic-card .luxury-metrics .luxury-metric .metric-title{color:var(--color-gray-900);font-size:18px;font-weight:700;margin-bottom:8px}.premium-genetic-card .luxury-metrics .luxury-metric .metric-description{color:var(--color-gray-600);font-size:14px;line-height:1.5}.trust-indicators{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin:40px 0}.trust-indicators .trust-badge{align-items:center;background:#fff;border-radius:50px;box-shadow:0 8px 24px rgba(0,0,0,.08);display:flex;gap:12px;padding:16px 24px;transition:all .3s ease}.trust-indicators .trust-badge:hover{box-shadow:0 12px 32px rgba(0,0,0,.12);transform:translateY(-2px)}.trust-indicators .trust-badge .trust-icon{color:var(--dna-helix-primary);height:24px;width:24px}.trust-indicators .trust-badge .trust-text{color:var(--color-gray-800);font-size:14px;font-weight:600}.scientific-credibility{background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(236,72,153,.05));border:1px solid rgba(59,130,246,.1);border-radius:20px;margin:32px 0;padding:32px;text-align:center}.scientific-credibility .credibility-header{margin-bottom:24px}.scientific-credibility .credibility-header .credibility-icon{align-items:center;background:var(--gradient-science);border-radius:50%;color:#fff;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.scientific-credibility .credibility-header .credibility-title{color:var(--color-gray-900);font-size:24px;font-weight:800;margin-bottom:8px}.scientific-credibility .credibility-header .credibility-subtitle{color:var(--color-gray-600);font-size:16px}.scientific-credibility .credibility-stats{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.scientific-credibility .credibility-stats .stat-item .stat-number{color:var(--dna-helix-primary);font-family:var(--font-secondary);font-size:32px;font-weight:900}.scientific-credibility .credibility-stats .stat-item .stat-label{color:var(--color-gray-600);font-size:14px;margin-top:4px}@media(max-width:768px){.genetic-profile-card{margin:12px 0;padding:24px}.genetic-profile-card .profile-header{flex-direction:column;gap:16px;text-align:center}.genetic-profile-card .genetic-compatibility{gap:12px;grid-template-columns:repeat(2,1fr)}.genetic-data-viz{padding:16px}.genetic-data-viz .compatibility-chart{height:150px}.premium-genetic-card{margin:20px 0;padding:24px}.premium-genetic-card .luxury-metrics{gap:16px;grid-template-columns:1fr}.trust-indicators{align-items:center;flex-direction:column;gap:16px}}@media(prefers-reduced-motion:reduce){.compatibility-pulse,.data-stream,.dna-helix,.dna-pulse,.genetic-flow{animation:none}.genetic-profile-card:hover{transform:none}}@media(prefers-contrast:high){.genetic-profile-card{border:2px solid var(--color-gray-900)}.trait-pill{border:2px solid var(--dna-helix-primary)}.compatibility-indicator .indicator-dot{border:2px solid var(--color-gray-900)}}.genetic-data-viz,.genetic-profile-card,.premium-genetic-card{contain:layout style paint}.dna-helix,.genetic-slider .slider-thumb{will-change:transform}.glass-surface{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.15);box-shadow:0 8px 32px 0 rgba(31,38,135,.2)}.glass-card,.glass-surface{background:hsla(0,0%,100%,.08)}.glass-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--border-thin) solid hsla(0,0%,100%,.2);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass)}.glass-nav{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:hsla(0,0%,100%,.95);border-bottom:1px solid hsla(0,0%,100%,.2)}.neumorphism{box-shadow:8px 8px 16px #d1d1d1,-8px -8px 16px #fff}.neumorphism,.neumorphism-inset{background:#f0f0f0;border-radius:20px}.neumorphism-inset{box-shadow:inset 8px 8px 16px #d1d1d1,inset -8px -8px 16px #fff}.soft-morphism{background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:16px;box-shadow:5px 5px 10px rgba(0,0,0,.1),-5px -5px 10px hsla(0,0%,100%,.7)}.gradient-genetic{background:var(--gradient-genetic)}.gradient-premium-dna{background:var(--gradient-premium-dna)}.gradient-science{background:var(--gradient-science)}.gradient-luxury{background:var(--gradient-luxury)}.gradient-text-genetic{background:var(--gradient-genetic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-premium{background:var(--gradient-premium-dna);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-border{background:#fff;border-radius:16px;position:relative}.gradient-border:before{background:var(--gradient-genetic);border-radius:16px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;padding:2px;position:absolute}.animate-float{animation:float 3s var(--ease-smooth) infinite}.animate-glow{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 20px var(--dna-helix-primary)}to{box-shadow:0 0 30px var(--dna-helix-primary),0 0 40px var(--dna-helix-primary)}}.animate-gradient{animation:gradient-shift 3s ease infinite;background-size:200% 200%}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-pulse-slow{animation:pulse-slow 4s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.6}}.animate-bounce-in{animation:bounce-in .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-slide-in-up{animation:slide-in-up .8s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-up{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.hover-lift{transition:var(--transition-smooth)}.hover-lift:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.hover-glow{transition:var(--transition-smooth)}.hover-glow:hover{box-shadow:0 0 20px rgba(var(--color-primary-rgb),.4)}.hover-scale{transition:var(--transition-smooth)}.hover-scale:hover{transform:scale(1.05)}.hover-tilt{transition:transform .3s ease}.hover-tilt:hover{transform:perspective(1000px) rotateY(10deg) rotateX(5deg)}.interactive-card{cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.interactive-card:hover{box-shadow:0 25px 50px rgba(0,0,0,.15);transform:translateY(-12px)}.interactive-card:active{transform:translateY(-6px);transition-duration:.1s}.skeleton-loading{animation:skeleton-loading 2s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.pulse-loading{animation:pulse-loading 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-loading{0%,to{opacity:1}50%{opacity:.5}}.spinner-dna{animation:spinner-rotate 1s linear infinite;border-top:4px solid var(--color-gray-200);border:4px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--dna-helix-primary);height:40px;width:40px}.container-fluid{margin-left:auto;margin-right:auto;padding-left:var(--space-lg);padding-right:var(--space-lg);width:100%}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-auto-fill,.grid-auto-fit{display:grid;gap:var(--space-lg)}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-column-center{align-items:center;display:flex;flex-direction:column;justify-content:center}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto;margin-top:auto}.m-xs{margin:var(--space-xs)}.mt-xs{margin-top:var(--space-xs)}.mr-xs{margin-right:var(--space-xs)}.mb-xs{margin-bottom:var(--space-xs)}.ml-xs,.mx-xs{margin-left:var(--space-xs)}.mx-xs{margin-right:var(--space-xs)}.my-xs{margin-bottom:var(--space-xs);margin-top:var(--space-xs)}.p-xs{padding:var(--space-xs)}.pt-xs{padding-top:var(--space-xs)}.pr-xs{padding-right:var(--space-xs)}.pb-xs{padding-bottom:var(--space-xs)}.pl-xs,.px-xs{padding-left:var(--space-xs)}.px-xs{padding-right:var(--space-xs)}.py-xs{padding-bottom:var(--space-xs);padding-top:var(--space-xs)}.m-sm{margin:var(--space-sm)}.mt-sm{margin-top:var(--space-sm)}.mr-sm{margin-right:var(--space-sm)}.mb-sm{margin-bottom:var(--space-sm)}.ml-sm,.mx-sm{margin-left:var(--space-sm)}.mx-sm{margin-right:var(--space-sm)}.my-sm{margin-bottom:var(--space-sm);margin-top:var(--space-sm)}.p-sm{padding:var(--space-sm)}.pt-sm{padding-top:var(--space-sm)}.pr-sm{padding-right:var(--space-sm)}.pb-sm{padding-bottom:var(--space-sm)}.pl-sm,.px-sm{padding-left:var(--space-sm)}.px-sm{padding-right:var(--space-sm)}.py-sm{padding-bottom:var(--space-sm);padding-top:var(--space-sm)}.m-md{margin:var(--space-md)}.mt-md{margin-top:var(--space-md)}.mr-md{margin-right:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.ml-md,.mx-md{margin-left:var(--space-md)}.mx-md{margin-right:var(--space-md)}.my-md{margin-bottom:var(--space-md);margin-top:var(--space-md)}.p-md{padding:var(--space-md)}.pt-md{padding-top:var(--space-md)}.pr-md{padding-right:var(--space-md)}.pb-md{padding-bottom:var(--space-md)}.pl-md,.px-md{padding-left:var(--space-md)}.px-md{padding-right:var(--space-md)}.py-md{padding-bottom:var(--space-md);padding-top:var(--space-md)}.m-lg{margin:var(--space-lg)}.mt-lg{margin-top:var(--space-lg)}.mr-lg{margin-right:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}.ml-lg,.mx-lg{margin-left:var(--space-lg)}.mx-lg{margin-right:var(--space-lg)}.my-lg{margin-bottom:var(--space-lg);margin-top:var(--space-lg)}.p-lg{padding:var(--space-lg)}.pt-lg{padding-top:var(--space-lg)}.pr-lg{padding-right:var(--space-lg)}.pb-lg{padding-bottom:var(--space-lg)}.pl-lg,.px-lg{padding-left:var(--space-lg)}.px-lg{padding-right:var(--space-lg)}.py-lg{padding-bottom:var(--space-lg);padding-top:var(--space-lg)}.m-xl{margin:var(--space-xl)}.mt-xl{margin-top:var(--space-xl)}.mr-xl{margin-right:var(--space-xl)}.mb-xl{margin-bottom:var(--space-xl)}.ml-xl,.mx-xl{margin-left:var(--space-xl)}.mx-xl{margin-right:var(--space-xl)}.my-xl{margin-bottom:var(--space-xl);margin-top:var(--space-xl)}.p-xl{padding:var(--space-xl)}.pt-xl{padding-top:var(--space-xl)}.pr-xl{padding-right:var(--space-xl)}.pb-xl{padding-bottom:var(--space-xl)}.pl-xl,.px-xl{padding-left:var(--space-xl)}.px-xl{padding-right:var(--space-xl)}.py-xl{padding-bottom:var(--space-xl);padding-top:var(--space-xl)}.m-2xl{margin:var(--space-2xl)}.mt-2xl{margin-top:var(--space-2xl)}.mr-2xl{margin-right:var(--space-2xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.ml-2xl,.mx-2xl{margin-left:var(--space-2xl)}.mx-2xl{margin-right:var(--space-2xl)}.my-2xl{margin-bottom:var(--space-2xl);margin-top:var(--space-2xl)}.p-2xl{padding:var(--space-2xl)}.pt-2xl{padding-top:var(--space-2xl)}.pr-2xl{padding-right:var(--space-2xl)}.pb-2xl{padding-bottom:var(--space-2xl)}.pl-2xl,.px-2xl{padding-left:var(--space-2xl)}.px-2xl{padding-right:var(--space-2xl)}.py-2xl{padding-bottom:var(--space-2xl);padding-top:var(--space-2xl)}.m-3xl{margin:var(--space-3xl)}.mt-3xl{margin-top:var(--space-3xl)}.mr-3xl{margin-right:var(--space-3xl)}.mb-3xl{margin-bottom:var(--space-3xl)}.ml-3xl,.mx-3xl{margin-left:var(--space-3xl)}.mx-3xl{margin-right:var(--space-3xl)}.my-3xl{margin-bottom:var(--space-3xl);margin-top:var(--space-3xl)}.p-3xl{padding:var(--space-3xl)}.pt-3xl{padding-top:var(--space-3xl)}.pr-3xl{padding-right:var(--space-3xl)}.pb-3xl{padding-bottom:var(--space-3xl)}.pl-3xl,.px-3xl{padding-left:var(--space-3xl)}.px-3xl{padding-right:var(--space-3xl)}.py-3xl{padding-bottom:var(--space-3xl);padding-top:var(--space-3xl)}.m-4xl{margin:var(--space-4xl)}.mt-4xl{margin-top:var(--space-4xl)}.mr-4xl{margin-right:var(--space-4xl)}.mb-4xl{margin-bottom:var(--space-4xl)}.ml-4xl,.mx-4xl{margin-left:var(--space-4xl)}.mx-4xl{margin-right:var(--space-4xl)}.my-4xl{margin-bottom:var(--space-4xl);margin-top:var(--space-4xl)}.p-4xl{padding:var(--space-4xl)}.pt-4xl{padding-top:var(--space-4xl)}.pr-4xl{padding-right:var(--space-4xl)}.pb-4xl{padding-bottom:var(--space-4xl)}.pl-4xl,.px-4xl{padding-left:var(--space-4xl)}.px-4xl{padding-right:var(--space-4xl)}.py-4xl{padding-bottom:var(--space-4xl);padding-top:var(--space-4xl)}.m-5xl{margin:var(--space-5xl)}.mt-5xl{margin-top:var(--space-5xl)}.mr-5xl{margin-right:var(--space-5xl)}.mb-5xl{margin-bottom:var(--space-5xl)}.ml-5xl,.mx-5xl{margin-left:var(--space-5xl)}.mx-5xl{margin-right:var(--space-5xl)}.my-5xl{margin-bottom:var(--space-5xl);margin-top:var(--space-5xl)}.p-5xl{padding:var(--space-5xl)}.pt-5xl{padding-top:var(--space-5xl)}.pr-5xl{padding-right:var(--space-5xl)}.pb-5xl{padding-bottom:var(--space-5xl)}.pl-5xl,.px-5xl{padding-left:var(--space-5xl)}.px-5xl{padding-right:var(--space-5xl)}.py-5xl{padding-bottom:var(--space-5xl);padding-top:var(--space-5xl)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-shadow-soft{text-shadow:0 2px 4px rgba(0,0,0,.1)}.text-shadow-strong{text-shadow:0 4px 8px rgba(0,0,0,.3)}.font-weight-extra-light{font-weight:200}.font-weight-light{font-weight:var(--font-weight-light)}.font-weight-regular{font-weight:var(--font-weight-regular)}.font-weight-medium{font-weight:var(--font-weight-medium)}.font-weight-semibold{font-weight:var(--font-weight-semibold)}.font-weight-bold{font-weight:var(--font-weight-bold)}.font-weight-black{font-weight:var(--font-weight-black)}.letter-spacing-tight{letter-spacing:var(--letter-spacing-tight)}.letter-spacing-normal{letter-spacing:var(--letter-spacing-normal)}.letter-spacing-wide{letter-spacing:var(--letter-spacing-wide)}.letter-spacing-wider{letter-spacing:var(--letter-spacing-wider)}.text-dna-primary{color:var(--dna-helix-primary)}.text-dna-secondary{color:var(--dna-helix-secondary)}.text-dna-tertiary{color:var(--dna-helix-tertiary)}.text-compatibility-excellent{color:var(--compatibility-excellent)}.text-compatibility-good{color:var(--compatibility-good)}.text-compatibility-fair{color:var(--compatibility-fair)}.bg-dna-primary{background-color:var(--dna-helix-primary)}.bg-dna-secondary{background-color:var(--dna-helix-secondary)}.bg-dna-tertiary{background-color:var(--dna-helix-tertiary)}.border-dna-primary{border-color:var(--dna-helix-primary)}.border-dna-secondary{border-color:var(--dna-helix-secondary)}.icon-dna:before{content:"🧬";font-style:normal}.icon-microscope:before{content:"🔬";font-style:normal}.icon-brain:before{content:"🧠";font-style:normal}.icon-heart:before{content:"💖";font-style:normal}.icon-shield:before{content:"🛡️";font-style:normal}.icon-sparkles:before{content:"✨";font-style:normal}@media(max-width:768px){.mobile-hidden{display:none}.mobile-only{display:block}.mobile-text-center{text-align:center}.mobile-text-left{text-align:left}.mobile-flex-column{flex-direction:column}.mobile-flex-column>*+*{margin-left:0;margin-top:var(--space-md)}}@media(min-width:769px){.desktop-only{display:block}.mobile-only{display:none}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.focus-ring:focus{border-radius:var(--radius-md);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.5);outline:none}@media(prefers-reduced-motion:reduce){.reduced-motion{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.gpu-layer{transform:translateZ(0);will-change:transform}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.icon{align-items:center;display:inline-flex;flex-shrink:0;height:var(--icon-md);justify-content:center;vertical-align:middle;width:var(--icon-md)}.icon svg{height:100%;width:100%;fill:currentColor;stroke:currentColor;stroke-width:0;transition:var(--transition-fast)}.icon:before{font-size:inherit;line-height:1}.icon--xs{height:var(--icon-xs);width:var(--icon-xs)}.icon--sm{height:var(--icon-sm);width:var(--icon-sm)}.icon--lg{height:var(--icon-lg);width:var(--icon-lg)}.icon--xl{height:var(--icon-xl);width:var(--icon-xl)}.icon--2xl{height:var(--icon-2xl);width:var(--icon-2xl)}.icon--3xl{height:var(--icon-3xl);width:var(--icon-3xl)}.icon--primary{color:var(--icon-primary)}.icon--secondary{color:var(--icon-secondary)}.icon--muted{color:var(--icon-muted)}.icon--inverse{color:var(--icon-inverse)}.icon--success{color:var(--icon-success)}.icon--warning{color:var(--icon-warning)}.icon--danger{color:var(--icon-danger)}.icon--info{color:var(--icon-info)}.icon--interactive{border-radius:var(--radius-sm);cursor:pointer;padding:var(--space-xxs);transition:var(--transition-smooth)}.icon--interactive:hover{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);transform:scale(1.1)}.icon--interactive:active{transform:scale(.95)}.icon--spin{animation:icon-spin 2s linear infinite}.icon--pulse{animation:icon-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.icon--bounce{animation:icon-bounce 1s infinite}@keyframes icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes icon-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-25%)}}.icon-text{align-items:center;display:inline-flex;gap:var(--space-xs)}.icon-text .icon{flex-shrink:0}.icon-text--top{align-items:flex-start}.icon-text--top .icon{margin-top:.125em}.icon-text--bottom{align-items:flex-end}.icon-text--bottom .icon{margin-bottom:.125em}.icon-text--tight{gap:var(--space-xxs)}.icon-text--loose{gap:var(--space-sm)}.icon-text--wide{gap:var(--space-md)}.icon-text--reverse{flex-direction:row-reverse}.icon-text--vertical{flex-direction:column;gap:var(--space-sm);text-align:center}.btn-icon{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:44px;justify-content:center;padding:0;transition:var(--transition-smooth);width:44px}.btn-icon:hover{background:var(--color-gray-100);color:var(--color-primary);transform:scale(1.05)}.btn-icon:active{transform:scale(.95)}.btn-icon:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-icon--sm{height:32px;width:32px}.btn-icon--sm .icon{height:var(--icon-sm);width:var(--icon-sm)}.btn-icon--lg{height:56px;width:56px}.btn-icon--lg .icon{height:var(--icon-lg);width:var(--icon-lg)}.btn-icon--primary{background:var(--color-primary);color:var(--color-white)}.btn-icon--primary:hover{background:var(--color-primary-600);transform:scale(1.05)}.btn-icon--secondary{background:var(--color-secondary);color:var(--color-white)}.btn-icon--secondary:hover{background:var(--color-secondary-600);transform:scale(1.05)}.btn-icon--ghost{background:transparent;border:1px solid var(--border-color)}.btn-icon--ghost:hover{background:var(--color-gray-50);border-color:var(--color-primary)}.btn-icon--glass{backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--glass-bg-light);border:1px solid var(--glass-border);color:var(--color-white)}.btn-icon--glass:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.btn-icon--round{border-radius:50%}.btn-icon--square{border-radius:var(--radius-sm)}.icon-badge{display:inline-flex;position:relative}.icon-badge .badge{align-items:center;background:var(--color-danger);border:2px solid var(--color-white);border-radius:9px;color:var(--color-white);display:flex;font-size:10px;font-weight:var(--font-weight-bold);height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-4px}.icon-badge .badge--dot{border-radius:50%;height:12px;min-width:auto;padding:0;right:-2px;top:-2px;width:12px}.icon-badge .badge--success{background:var(--color-success)}.icon-badge .badge--warning{background:var(--color-warning)}.icon-badge .badge--info{background:var(--color-info)}.icon-badge .badge--pulse{animation:badge-pulse 2s infinite}@keyframes badge-pulse{0%{box-shadow:0 0 0 0 rgba(var(--color-danger-rgb),.7)}70%{box-shadow:0 0 0 10px rgba(var(--color-danger-rgb),0)}to{box-shadow:0 0 0 0 rgba(var(--color-danger-rgb),0)}}.icon-dna--helix{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:dna-rotate 3s linear infinite;background-clip:text}.icon-dna--heart{animation:heart-beat 1.5s ease-in-out infinite;color:var(--color-secondary)}.icon-dna--match{background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:match-glow 2s ease-in-out infinite;background-clip:text}.icon-dna--compatibility{position:relative}.icon-dna--compatibility:after{animation:compatibility-ring 3s linear infinite;background:var(--gradient-primary);border-radius:50%;content:"";inset:-2px;position:absolute;z-index:-1}@keyframes dna-rotate{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes heart-beat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes match-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes compatibility-ring{0%{opacity:1;transform:rotate(0deg) scale(1)}to{opacity:0;transform:rotate(1turn) scale(1.2)}}.icon-loading--spinner{animation:spinner-rotate 1s linear infinite}.icon-loading--dots{display:inline-flex;gap:2px}.icon-loading--dots:after,.icon-loading--dots:before{animation:dots-bounce 1.4s ease-in-out infinite;background:currentColor;border-radius:50%;content:"";height:4px;width:4px}.icon-loading--dots:before{animation-delay:-.32s}.icon-loading--dots:after{animation-delay:-.16s}.icon-loading--dots span{animation:dots-bounce 1.4s ease-in-out infinite;background:currentColor;border-radius:50%;height:4px;width:4px}.icon-loading--pulse-ring{position:relative}.icon-loading--pulse-ring:before{animation:pulse-ring 2s cubic-bezier(.455,.03,.515,.955) infinite;border:2px solid;border-radius:50%;content:"";inset:-8px;opacity:0;position:absolute}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dots-bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(.33)}80%,to{opacity:0;transform:scale(1)}}.icon-container{align-items:center;background:var(--color-gray-100);border-radius:var(--radius-md);display:inline-flex;justify-content:center;transition:var(--transition-smooth)}.icon-container--sm{border-radius:var(--radius-sm);height:32px;width:32px}.icon-container--md{height:48px;width:48px}.icon-container--lg{border-radius:var(--radius-lg);height:64px;width:64px}.icon-container--xl{border-radius:var(--radius-xl);height:80px;width:80px}.icon-container--primary{background:var(--color-primary);color:var(--color-white)}.icon-container--secondary{background:var(--color-secondary);color:var(--color-white)}.icon-container--gradient{background:var(--gradient-primary);color:var(--color-white)}.icon-container--glass{backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--glass-bg-light);border:1px solid var(--glass-border);color:var(--color-white)}.icon-container--outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.icon-container--round{border-radius:50%}.icon-container--square{border-radius:var(--radius-sm)}.icon-container--interactive{cursor:pointer}.icon-container--interactive:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.icon-container--interactive:active{transform:scale(.95)}@media(max-width:767px){.icon--sm{height:calc(var(--icon-sm)+2px);width:calc(var(--icon-sm)+2px)}.icon--md{height:calc(var(--icon-md)+2px);width:calc(var(--icon-md)+2px)}.btn-icon{min-height:44px;min-width:44px}.icon-text--vertical{gap:var(--space-xs)}}@media(prefers-contrast:high){.icon--interactive{border:1px solid transparent}.icon--interactive:hover{border-color:currentColor}.btn-icon{border:1px solid var(--border-color)}.btn-icon:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}}@media(prefers-reduced-motion:reduce){.icon--bounce,.icon--pulse,.icon--spin,.icon-dna--compatibility,.icon-dna--heart,.icon-dna--helix,.icon-dna--match,.icon-loading--dots,.icon-loading--dots span,.icon-loading--dots:after,.icon-loading--dots:before,.icon-loading--pulse-ring,.icon-loading--spinner{animation:none}}.dna-background{overflow:hidden;position:relative}.dna-background:before{animation:dna-background-flow 30s linear infinite;background-image:radial-gradient(circle at 25% 25%,rgba(15,117,189,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(247,44,147,.1) 0,transparent 50%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23f72c93' stroke-opacity='.05' d='M15 15q15 15 30 0-15 30-30 30 15-15 30 0'/%3E%3C/svg%3E");background-position:0 0,100px 100px,0 0;background-size:300px 300px,400px 400px,60px 60px;content:"";inset:0;opacity:.6;position:absolute;z-index:-1}.dna-background--animated:before{animation:dna-background-flow 20s linear infinite,dna-background-pulse 8s ease-in-out infinite}.dna-background--subtle:before{background-size:200px 200px,300px 300px,40px 40px;opacity:.3}.dna-background--intense:before{background-size:400px 400px,500px 500px,80px 80px;opacity:.8}@keyframes dna-background-flow{0%{transform:translate(0) rotate(0deg)}33%{transform:translate(-30px,-30px) rotate(120deg)}66%{transform:translate(30px,-30px) rotate(240deg)}to{transform:translate(0) rotate(1turn)}}@keyframes dna-background-pulse{0%,to{opacity:.6}50%{opacity:.3}}.particle-container{overflow:hidden;position:relative}.particle-container .particle{animation:particle-float 8s linear infinite;border-radius:50%;opacity:0;pointer-events:none;position:absolute}.particle-container .particle--xs{height:2px;width:2px}.particle-container .particle--sm{height:4px;width:4px}.particle-container .particle--md{height:6px;width:6px}.particle-container .particle--lg{height:8px;width:8px}.particle-container .particle--primary{background:var(--color-primary);box-shadow:0 0 10px rgba(var(--color-primary-rgb),.5)}.particle-container .particle--secondary{background:var(--color-secondary);box-shadow:0 0 10px rgba(var(--color-secondary-rgb),.5)}.particle-container .particle--white{background:hsla(0,0%,100%,.8);box-shadow:0 0 10px hsla(0,0%,100%,.3)}.particle-container .particle:first-child{animation-delay:0s;left:10%}.particle-container .particle:nth-child(2){animation-delay:1s;left:20%}.particle-container .particle:nth-child(3){animation-delay:2s;left:30%}.particle-container .particle:nth-child(4){animation-delay:3s;left:40%}.particle-container .particle:nth-child(5){animation-delay:4s;left:50%}.particle-container .particle:nth-child(6){animation-delay:5s;left:60%}.particle-container .particle:nth-child(7){animation-delay:6s;left:70%}.particle-container .particle:nth-child(8){animation-delay:7s;left:80%}.particle-container .particle:nth-child(9){animation-delay:.5s;left:90%}.particle-container .particle:nth-child(10){animation-delay:1.5s;left:15%}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh) translateX(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) translateX(var(--particle-drift,0))}}.dna-strand{height:200px;margin:0 auto;position:relative;width:4px}.dna-strand .strand-segment{animation:strand-twist 3s ease-in-out infinite;background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary));border-radius:2px;height:20px;position:absolute;width:100%}.dna-strand .strand-segment:first-child{animation-delay:0s;top:0}.dna-strand .strand-segment:nth-child(2){animation-delay:.2s;top:20px}.dna-strand .strand-segment:nth-child(3){animation-delay:.4s;top:40px}.dna-strand .strand-segment:nth-child(4){animation-delay:.6s;top:60px}.dna-strand .strand-segment:nth-child(5){animation-delay:.8s;top:80px}.dna-strand .strand-segment:nth-child(6){animation-delay:1s;top:100px}.dna-strand .strand-segment:nth-child(7){animation-delay:1.2s;top:120px}.dna-strand .strand-segment:nth-child(8){animation-delay:1.4s;top:140px}.dna-strand .strand-segment:nth-child(9){animation-delay:1.6s;top:160px}.dna-strand .strand-segment:nth-child(10){animation-delay:1.8s;top:180px}.dna-strand .base-pair{animation:base-pair-pulse 2s ease-in-out infinite;background:var(--color-accent);border-radius:1px;height:2px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.dna-strand .base-pair:nth-child(odd){animation-delay:0s}.dna-strand .base-pair:nth-child(2n){animation-delay:1s}@keyframes strand-twist{0%,to{background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary));transform:rotateY(0deg) scaleX(1)}50%{background:linear-gradient(to bottom,var(--color-secondary),var(--color-primary));transform:rotateY(180deg) scaleX(.8)}}@keyframes base-pair-pulse{0%,to{opacity:.6;transform:translateX(-50%) scaleX(1)}50%{opacity:1;transform:translateX(-50%) scaleX(1.2)}}.genetic-constellation{min-height:400px;position:relative}.genetic-constellation .constellation-point{animation:constellation-twinkle 3s ease-in-out infinite;background:var(--color-primary);border-radius:50%;box-shadow:0 0 10px rgba(var(--color-primary-rgb),.8);height:6px;position:absolute;width:6px}.genetic-constellation .constellation-point:first-child{animation-delay:0s;left:15%;top:20%}.genetic-constellation .constellation-point:nth-child(2){animation-delay:.5s;left:85%;top:30%}.genetic-constellation .constellation-point:nth-child(3){animation-delay:1s;left:25%;top:60%}.genetic-constellation .constellation-point:nth-child(4){animation-delay:1.5s;left:70%;top:80%}.genetic-constellation .constellation-point:nth-child(5){animation-delay:2s;left:60%;top:15%}.genetic-constellation .constellation-point:nth-child(6){animation-delay:2.5s;left:10%;top:45%}.genetic-constellation .constellation-point:nth-child(7){animation-delay:3s;left:90%;top:70%}.genetic-constellation .constellation-point:nth-child(8){animation-delay:3.5s;left:45%;top:35%}.genetic-constellation .constellation-point:before{animation:connection-pulse 4s ease-in-out infinite;animation-delay:inherit;background:linear-gradient(90deg,rgba(var(--color-primary-rgb),.3) 0,transparent 100%);content:"";height:1px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--connection-angle,45deg));width:var(--connection-length,50px)}@keyframes constellation-twinkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes connection-pulse{0%,to{opacity:.1;transform:translate(-50%,-50%) rotate(var(--connection-angle,45deg)) scaleX(1)}50%{opacity:.6;transform:translate(-50%,-50%) rotate(var(--connection-angle,45deg)) scaleX(1.2)}}.compatibility-visual{height:200px;margin:0 auto;position:relative;width:200px}.compatibility-visual .compatibility-ring{animation:compatibility-spin 4s linear infinite;border:3px solid transparent;border-radius:50%;inset:0;position:absolute}.compatibility-visual .compatibility-ring--outer{animation-duration:6s;border-color:var(--color-primary) transparent var(--color-primary) transparent}.compatibility-visual .compatibility-ring--middle{animation-direction:reverse;animation-duration:4s;border-color:transparent var(--color-secondary) transparent var(--color-secondary);inset:20px}.compatibility-visual .compatibility-ring--inner{animation-duration:3s;border-color:var(--color-accent) transparent var(--color-accent) transparent;inset:40px}.compatibility-visual .compatibility-center{align-items:center;animation:compatibility-pulse 2s ease-in-out infinite;background:var(--gradient-primary);border-radius:50%;box-shadow:var(--shadow-lg);color:var(--color-white);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.compatibility-visual .genetic-marker{animation:marker-orbit 8s linear infinite;background:var(--color-success);border-radius:50%;box-shadow:0 0 8px rgba(var(--color-success-rgb),.6);height:8px;position:absolute;width:8px}.compatibility-visual .genetic-marker:first-child{animation-delay:0s;left:50%;top:10px}.compatibility-visual .genetic-marker:nth-child(2){animation-delay:2s;right:10px;top:50%}.compatibility-visual .genetic-marker:nth-child(3){animation-delay:4s;bottom:10px;left:50%}.compatibility-visual .genetic-marker:nth-child(4){animation-delay:6s;left:10px;top:50%}@keyframes compatibility-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes compatibility-pulse{50%{box-shadow:var(--shadow-xl);transform:translate(-50%,-50%) scale(1.05)}}@keyframes marker-orbit{0%{transform:rotate(0deg) translateX(90px) rotate(0deg)}to{transform:rotate(1turn) translateX(90px) rotate(-1turn)}}.hero-dna-effects{min-height:100vh;overflow:hidden;position:relative}.hero-dna-effects:before{animation:hero-dna-flow 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 20%,rgba(15,117,189,.15) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(247,44,147,.15) 0,transparent 50%),radial-gradient(circle at 60% 40%,rgba(124,77,255,.1) 0,transparent 50%);content:"";inset:-20%;position:absolute;z-index:-1}.hero-dna-effects .genetic-element{animation:genetic-float 15s ease-in-out infinite;opacity:.1;position:absolute}.hero-dna-effects .genetic-element--helix{animation-delay:0s;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200'%3E%3Cpath fill='none' stroke='%230F75BD' stroke-width='3' d='m20 20 60 160'/%3E%3Cpath fill='none' stroke='%23F72C93' stroke-width='3' d='M80 20 20 180'/%3E%3C/svg%3E") no-repeat;background-size:contain;height:200px;left:10%;top:20%;width:100px}.hero-dna-effects .genetic-element--molecule{animation-delay:5s;background:var(--gradient-primary);border-radius:50%;height:80px;right:15%;top:60%;width:80px}.hero-dna-effects .genetic-element--strand{animation-delay:10s;background:var(--gradient-secondary);border-radius:2px;height:4px;left:70%;top:40%;transform-origin:left center;width:150px}@keyframes hero-dna-flow{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(-2%,-2%) rotate(5deg)}66%{transform:translate(2%,-1%) rotate(-3deg)}}@keyframes genetic-float{0%,to{opacity:.1;transform:translateY(0) rotate(0deg)}50%{opacity:.3;transform:translateY(-20px) rotate(180deg)}}.chemistry-reaction{padding:var(--space-xl);position:relative}.chemistry-reaction .chemical-bond{animation:bond-vibration 1.5s ease-in-out infinite;background:var(--gradient-primary);height:60px;position:absolute;transform-origin:center;width:2px}.chemistry-reaction .chemical-bond:first-child{animation-delay:0s;left:30%;top:20%}.chemistry-reaction .chemical-bond:nth-child(2){animation-delay:.3s;right:25%;top:40%}.chemistry-reaction .chemical-bond:nth-child(3){animation-delay:.6s;bottom:30%;left:60%}.chemistry-reaction .chemical-bond:after,.chemistry-reaction .chemical-bond:before{background:var(--color-secondary);border-radius:50%;box-shadow:0 0 10px rgba(var(--color-secondary-rgb),.5);content:"";height:12px;position:absolute;width:12px}.chemistry-reaction .chemical-bond:before{left:-5px;top:-6px}.chemistry-reaction .chemical-bond:after{bottom:-6px;left:-5px}.chemistry-reaction .love-spark{animation:spark-twinkle 2s ease-in-out infinite;background:var(--color-secondary);border-radius:50%;height:4px;position:absolute;width:4px}.chemistry-reaction .love-spark:nth-child(2n){animation-delay:1s}@keyframes bond-vibration{0%,to{transform:rotate(-2deg) scaleY(1)}50%{transform:rotate(2deg) scaleY(1.1)}}@keyframes spark-twinkle{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@media(max-width:767px){.dna-background:before{background-size:200px 200px,250px 250px,40px 40px}.particle-container .particle:nth-child(n+6){display:none}.genetic-constellation{min-height:300px}.genetic-constellation .constellation-point:nth-child(n+6){display:none}.compatibility-visual{height:150px;width:150px}.compatibility-visual .compatibility-center{font-size:var(--font-size-xl);height:60px;width:60px}.hero-dna-effects .genetic-element--helix{height:120px;width:60px}.hero-dna-effects .genetic-element--molecule{height:50px;width:50px}.hero-dna-effects .genetic-element--strand{height:3px;width:100px}}@media(prefers-reduced-motion:reduce){.chemistry-reaction .chemical-bond,.chemistry-reaction .love-spark,.compatibility-visual .compatibility-ring,.dna-background,.dna-strand .strand-segment,.genetic-constellation .constellation-point,.hero-dna-effects:before,.particle-container .particle{animation:none!important}.genetic-element{opacity:.05!important;transform:none!important}}.performance-mode .dna-background:before,.performance-mode .hero-dna-effects:before{animation-duration:60s;will-change:auto}.performance-mode .particle-container .particle{animation-duration:20s}.performance-mode .chemistry-reaction .chemical-bond,.performance-mode .chemistry-reaction .love-spark,.performance-mode .genetic-constellation .constellation-point:before{display:none}.compatibility-visual .compatibility-ring,.dna-background:before,.hero-dna-effects:before,.particle-container .particle{transform:translateZ(0);will-change:transform}.btn-dna{align-items:center;border:var(--border-thin) solid transparent;border-radius:var(--button-border-radius);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--button-font-weight);gap:var(--space-xs);justify-content:center;line-height:var(--line-height-tight);overflow:hidden;padding:var(--button-padding-y) var(--button-padding-x);position:relative;text-decoration:none;transition:var(--button-transition)}.btn-dna:before{background:hsla(0,0%,100%,.2);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-dna:hover:before{height:300px;width:300px}.btn-dna--primary{background:var(--gradient-primary);box-shadow:var(--shadow-primary);color:var(--color-white)}.btn-dna--primary:hover{box-shadow:0 6px 20px 0 rgba(15,117,189,.4);transform:translateY(-2px)}.btn-dna--secondary{background:var(--gradient-secondary);box-shadow:var(--shadow-secondary);color:var(--color-white)}.btn-dna--secondary:hover{box-shadow:0 6px 20px 0 rgba(247,44,147,.4);transform:translateY(-2px)}.btn-dna--ghost{background:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn-dna--ghost:hover{background:var(--color-primary);color:var(--color-white)}.btn-dna--glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:var(--color-white)}.btn-dna--glass:hover{background:hsla(0,0%,100%,.2)}.btn-dna--sm{font-size:var(--font-size-sm);padding:var(--space-xxs) var(--space-md)}.btn-dna--lg{font-size:var(--font-size-lg);padding:var(--space-md) var(--space-xl)}.btn-dna:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-dna--loading{color:transparent}.btn-dna--loading:after{animation:btn-loading-spinner .8s linear infinite;border:2px solid var(--color-white);border-radius:50%;border-top:2px solid transparent;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes btn-loading-spinner{to{transform:rotate(1turn)}}.card-dna,.match-card{background:var(--color-surface);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden;padding:var(--card-padding);position:relative;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.card-dna:hover,.match-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-dna--glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2)}.card-dna--gradient-border{background:var(--color-surface);background-clip:padding-box;border:2px solid transparent}.card-dna--gradient-border:before{background:var(--gradient-primary);border-radius:var(--card-radius);content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute}.card-dna--premium{background:var(--gradient-premium);color:var(--color-white)}.card-dna--premium:after{animation:shimmer 3s infinite;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.card-dna__header{margin-bottom:var(--space-md)}.card-dna__title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.card-dna__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.card-dna__body{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.card-dna__footer{border-top:var(--border-thin) solid var(--border-color);margin-top:var(--space-lg);padding-top:var(--space-md)}.match-card{overflow:visible;position:relative}.match-card__compatibility{align-items:center;background:var(--gradient-primary);border-radius:50%;box-shadow:var(--shadow-lg);color:var(--color-white);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:60px;justify-content:center;position:absolute;right:var(--space-md);top:var(--space-md);width:60px}.match-card__compatibility--high{background:var(--gradient-success)}.match-card__compatibility--medium{background:linear-gradient(135deg,var(--color-warning) 0,#ffb74d 100%)}.match-card__avatar{border-radius:var(--radius-lg);height:200px;margin-bottom:var(--space-md);-o-object-fit:cover;object-fit:cover;width:100%}.match-card__info{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.match-card__name{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.match-card__age{color:var(--color-text-secondary)}.match-card__badges{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.match-card__badge{align-items:center;background:var(--color-gray-100);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:var(--font-size-xs);gap:var(--space-xxs);padding:var(--space-xxs) var(--space-sm)}.match-card__badge--verified{background:rgba(76,175,80,.1);color:var(--color-success)}.match-card__badge--premium{background:rgba(255,215,0,.1);color:#f57c00}.input-dna{margin-bottom:var(--space-lg);position:relative}.input-dna__field{background:var(--color-surface);border:var(--border-thin) solid var(--input-border-color);border-radius:var(--input-border-radius);font-family:var(--font-primary);font-size:var(--font-size-base);padding:var(--input-padding-y) var(--input-padding-x);padding-top:calc(var(--input-padding-y)+12px);transition:var(--transition-fast);width:100%}.input-dna__field:focus{border-color:var(--input-focus-color);box-shadow:var(--input-focus-shadow);outline:none}.input-dna__field:not(:-moz-placeholder)+.input-dna__label{color:var(--input-focus-color);font-size:var(--font-size-xs);top:8px}.input-dna__field:focus+.input-dna__label,.input-dna__field:not(:placeholder-shown)+.input-dna__label{color:var(--input-focus-color);font-size:var(--font-size-xs);top:8px}.input-dna__label{background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-base);left:var(--input-padding-x);padding:0 var(--space-xxs);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition-fast)}.input-dna__helper{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.input-dna__error{color:var(--color-danger)}.input-dna--glass .input-dna__field{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2)}.feature-card{padding:var(--space-xl);text-align:center}.feature-card,.feature-card__icon{transition:var(--transition-default)}.feature-card__icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);color:var(--color-white);display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto var(--space-lg);width:80px}.feature-card:hover .feature-card__icon{transform:scale(1.1) rotate(5deg)}.feature-card__title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.feature-card__description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.stat-card{text-align:center}.stat-card__value{background:var(--gradient-primary);-webkit-background-clip:text;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-xs)}.stat-card__label{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.stat-card__trend{align-items:center;display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-xxs);margin-top:var(--space-sm)}.stat-card__trend,.stat-card__trend--up{color:var(--color-success)}.stat-card__trend--down{color:var(--color-danger)}.hero-dna{align-items:center;display:flex;min-height:600px;overflow:hidden;padding:var(--space-section) 0;position:relative}.hero-dna:before{animation:dna-float 20s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath fill='none' stroke='%23f72c93' stroke-width='.5' d='M50 30q10 20 0 40-10-20 0-40' opacity='.1'/%3E%3C/svg%3E");background-size:100px 100px;content:"";inset:0;opacity:.1;position:absolute}.hero-dna__content{position:relative;z-index:1}.hero-dna__title{background:var(--gradient-primary);-webkit-background-clip:text;font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);margin-bottom:var(--space-lg);-webkit-text-fill-color:transparent;background-clip:text}.hero-dna__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);margin-bottom:var(--space-xl);max-width:600px}.hero-dna__cta{display:flex;flex-wrap:wrap;gap:var(--space-md)}.hero-dna__image{height:auto;opacity:.1;position:absolute;right:0;top:50%;transform:translateY(-50%);width:50%}@media(min-width:768px){.hero-dna__image{opacity:1}}.nav-dna{backdrop-filter:var(--nav-backdrop-filter);-webkit-backdrop-filter:var(--nav-backdrop-filter);background:var(--nav-background);box-shadow:var(--shadow-sm);height:var(--nav-height);left:0;position:fixed;right:0;top:0;transition:var(--transition-default);z-index:var(--z-sticky)}.nav-dna--scrolled{background:hsla(0,0%,100%,.98);box-shadow:var(--shadow-md)}.nav-dna__container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:var(--container-xl);padding:0 var(--space-lg)}.nav-dna__logo{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-sm);text-decoration:none}.nav-dna__logo img{height:40px;width:auto}.nav-dna__menu{align-items:center;display:flex;gap:var(--space-xl);list-style:none;margin:0;padding:0}.nav-dna__link{color:var(--color-text-primary);font-weight:var(--font-weight-medium);position:relative;text-decoration:none;transition:var(--transition-fast)}.nav-dna__link:after{background:var(--gradient-primary);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width var(--duration-fast) var(--ease-out);width:0}.nav-dna__link--active:after,.nav-dna__link:hover:after{width:100%}.nav-dna__actions{gap:var(--space-md)}.modal-dna,.nav-dna__actions{align-items:center;display:flex}.modal-dna{inset:0;justify-content:center;opacity:0;padding:var(--space-lg);position:fixed;transition:var(--transition-default);visibility:hidden;z-index:var(--z-modal)}.modal-dna--open{opacity:1;visibility:visible}.modal-dna__backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--modal-backdrop);inset:0;position:absolute}.modal-dna__content{background:var(--color-surface);border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);max-height:90vh;max-width:500px;overflow:auto;position:relative;transform:scale(.9);transition:transform var(--duration-normal) var(--ease-bounce);width:100%}.modal-dna--open .modal-dna__content{transform:scale(1)}.modal-dna__header{padding:var(--space-xl) var(--space-xl) 0}.modal-dna__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.modal-dna__body{padding:var(--space-lg) var(--space-xl)}.modal-dna__footer{display:flex;gap:var(--space-md);justify-content:flex-end;padding:0 var(--space-xl) var(--space-xl)}.modal-dna__close{align-items:center;background:var(--color-gray-100);border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:var(--space-md);top:var(--space-md);transition:var(--transition-fast);width:40px}.modal-dna__close:hover{background:var(--color-gray-200);transform:rotate(90deg)}.skeleton--text{height:1em;margin-bottom:var(--space-xs)}.skeleton--text:last-child{width:80%}.skeleton--title{height:2em;margin-bottom:var(--space-md);width:60%}.skeleton--avatar{border-radius:50%;height:60px;width:60px}.skeleton--card{height:300px}.glass-effect{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-glass,.panel-glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-xl);box-shadow:0 8px 32px 0 rgba(31,38,135,.15);transition:all var(--duration-normal) var(--ease-out)}.card-glass:hover,.panel-glass:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);box-shadow:0 12px 48px 0 rgba(31,38,135,.2);transform:translateY(-4px)}.card-glass--dark{background:rgba(0,0,0,.1);border-color:hsla(0,0%,100%,.1)}.card-glass--dark:hover{background:rgba(0,0,0,.15)}.card-glass--colored{background:rgba(15,117,189,.1);border-color:rgba(15,117,189,.3)}.card-glass--colored:hover{background:rgba(15,117,189,.15);border-color:rgba(15,117,189,.4)}.panel-glass{margin-bottom:var(--space-lg);padding:var(--space-xl)}.form-floating-dna{margin-bottom:var(--space-lg);position:relative}.form-floating-dna .form-control{background:hsla(0,0%,100%,.9);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);height:calc(3.5rem+2px);padding:1rem var(--space-md);transition:all var(--duration-fast) var(--ease-out)}.form-floating-dna .form-control::-moz-placeholder{color:transparent}.form-floating-dna .form-control::placeholder{color:transparent}.form-floating-dna .form-control:focus{background:var(--color-white);border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(15,117,189,.1)}.form-floating-dna .form-control:not(:-moz-placeholder)~label{color:var(--color-primary);opacity:1;transform:translateY(-1.5rem) scale(.85)}.form-floating-dna .form-control:focus~label,.form-floating-dna .form-control:not(:placeholder-shown)~label{color:var(--color-primary);opacity:1;transform:translateY(-1.5rem) scale(.85)}.form-floating-dna .form-control.is-invalid{border-color:var(--color-danger)}.form-floating-dna .form-control.is-invalid:focus{box-shadow:0 0 0 4px rgba(244,67,54,.1)}.form-floating-dna label{background:linear-gradient(180deg,transparent 0,transparent 40%,#fff 0,#fff);color:var(--color-text-secondary);font-size:var(--font-size-base);left:var(--space-md);padding:0 var(--space-xs);pointer-events:none;position:absolute;top:1rem;transform-origin:0 0;transition:all var(--duration-fast) var(--ease-out)}.form-floating-dna.form-floating-glass .form-control{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);color:var(--color-white)}.form-floating-dna.form-floating-glass .form-control:focus{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.4)}.form-floating-dna.form-floating-glass label{background:transparent;color:hsla(0,0%,100%,.8)}.skeleton-loader{animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:20px;overflow:hidden;position:relative}.skeleton-loader:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.skeleton-loader--text{border-radius:var(--radius-sm);height:1rem;margin-bottom:var(--space-sm)}.skeleton-loader--text:last-child{width:60%}.skeleton-loader--title{border-radius:var(--radius-md);height:2rem;margin-bottom:var(--space-md);width:50%}.skeleton-loader--avatar{border-radius:50%;height:80px;width:80px}.skeleton-loader--button{border-radius:var(--radius-md);height:48px;width:120px}.skeleton-loader--card{border-radius:var(--radius-xl);height:320px}.skeleton-loader--image{border-radius:var(--radius-lg);height:200px;width:100%}.hero-modern{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh;overflow:hidden;position:relative}.hero-modern:before{animation:gradient-animation 15s ease infinite;background-image:radial-gradient(circle at 20% 80%,rgba(247,44,147,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(15,117,189,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(124,77,255,.2) 0,transparent 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-modern__content{margin:0 auto;max-width:800px;padding:var(--space-xl);position:relative;text-align:center;z-index:2}.hero-modern__title{animation:fadeInUp 1s ease-out;color:var(--color-white);font-size:clamp(2.5rem,8vw,5rem);font-weight:var(--font-weight-black);line-height:1.2;margin-bottom:var(--space-lg)}.hero-modern__title span{background:linear-gradient(90deg,gold,#ffa000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-modern__subtitle{animation:fadeInUp 1s ease-out .2s both;color:hsla(0,0%,100%,.9);font-size:clamp(1.2rem,3vw,1.5rem);line-height:1.6;margin-bottom:var(--space-2xl)}.hero-modern__cta{animation:fadeInUp 1s ease-out .4s both;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.hero-modern__scroll{animation:bounce 2s infinite;bottom:var(--space-xl);color:var(--color-white);cursor:pointer;font-size:2rem;left:50%;opacity:.7;position:absolute;transform:translateX(-50%);transition:opacity var(--duration-fast)}.hero-modern__scroll:hover{opacity:1}.hero-modern__shape{opacity:.1;position:absolute}.hero-modern__shape--1{animation:float 6s ease-in-out infinite;background:var(--color-secondary);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;height:100px;left:10%;top:10%;width:100px}.hero-modern__shape--2{animation:float 8s ease-in-out infinite reverse;background:var(--color-primary);border-radius:63% 37% 54% 46%/55% 48% 52% 45%;height:150px;right:10%;top:60%;width:150px}.hero-modern__shape--3{animation:float 7s ease-in-out infinite;background:var(--color-accent);border-radius:41% 59% 41% 59%/41% 59% 41% 59%;bottom:10%;height:80px;left:30%;width:80px}@keyframes gradient-animation{0%{transform:translate(0) rotate(0deg)}33%{transform:translate(-20px,-20px) rotate(120deg)}66%{transform:translate(20px,-20px) rotate(240deg)}to{transform:translate(0) rotate(1turn)}}.btn-hover-fill{overflow:hidden;position:relative;z-index:1}.btn-hover-fill,.btn-hover-fill:before{transition:all var(--duration-normal) var(--ease-out)}.btn-hover-fill:before{background:hsla(0,0%,100%,.2);content:"";height:100%;left:0;position:absolute;top:0;width:0;z-index:-1}.btn-hover-fill:hover:before{width:100%}.btn-hover-fill:hover{box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-2px)}.btn-hover-slide{overflow:hidden;position:relative;transition:all var(--duration-normal) var(--ease-out)}.btn-hover-slide span{position:relative;z-index:2}.btn-hover-slide:before{background:var(--gradient-primary);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--duration-normal) var(--ease-out);width:100%;z-index:1}.btn-hover-slide:hover:before{left:0}.btn-hover-slide:hover{color:var(--color-white)}.btn-hover-glow{transition:all var(--duration-normal) var(--ease-out)}.btn-hover-glow:hover{box-shadow:0 0 20px rgba(var(--color-primary-rgb),.5);transform:translateY(-2px)}.btn-hover-pulse{position:relative}.btn-hover-pulse:before{background:var(--color-primary);border-radius:inherit;content:"";height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all var(--duration-slow) var(--ease-out);width:100%}.btn-hover-pulse:hover:before{animation:pulse-grow 1s ease-out infinite}@keyframes pulse-grow{0%{opacity:.5;transform:translate(-50%,-50%) scale(.9)}50%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.micro-interaction{cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.micro-interaction:active{transform:scale(.95)}.dna-helix-loader{height:100px;margin:0 auto;position:relative;width:100px}.dna-helix-loader .helix{animation:rotate 2s linear infinite;height:100%;position:relative;width:100%}.dna-helix-loader .helix .strand{border-radius:50%;height:100%;position:absolute;width:100%}.dna-helix-loader .helix .strand:first-child{animation:strand1 1.5s ease-in-out infinite;border-bottom:3px solid transparent;border-left:3px solid transparent;border-left-color:var(--color-primary);border-right:3px solid transparent;border-right-color:var(--color-primary);border-top:3px solid transparent}.dna-helix-loader .helix .strand:nth-child(2){animation:strand2 1.5s ease-in-out infinite;border-bottom:3px solid transparent;border-bottom-color:var(--color-secondary);border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid transparent;border-top-color:var(--color-secondary)}@keyframes strand1{0%,to{transform:rotateX(0deg) rotateY(0deg)}50%{transform:rotateX(180deg) rotateY(0deg)}}@keyframes strand2{0%,to{transform:rotateX(90deg) rotateY(0deg)}50%{transform:rotateX(90deg) rotateY(180deg)}}.grid-dna{display:grid;gap:var(--grid-gutter)}.grid-dna--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-dna--3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-dna--4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(min-width:768px){.grid-dna--md-2{grid-template-columns:repeat(2,1fr)}.grid-dna--md-3{grid-template-columns:repeat(3,1fr)}.grid-dna--md-4{grid-template-columns:repeat(4,1fr)}}.text-display{background:var(--gradient-primary);-webkit-background-clip:text;font-size:var(--text-display);font-weight:var(--font-weight-black);letter-spacing:var(--letter-spacing-display);line-height:var(--line-height-display);-webkit-text-fill-color:transparent;background-clip:text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-display,.text-hero{font-family:var(--font-secondary);text-rendering:optimizeLegibility}.text-hero{color:var(--color-text-primary);font-size:var(--text-hero);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-hero);line-height:var(--line-height-hero)}.text-hero--gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-lead{color:var(--color-text-secondary);font-size:var(--text-lead);font-weight:var(--font-weight-medium);line-height:var(--line-height-body);max-width:65ch}.text-overline{color:var(--color-primary);font-size:var(--text-overline);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-overline);margin-bottom:var(--space-sm);text-transform:uppercase}.text-shimmer{background:linear-gradient(90deg,var(--color-text-primary) 0,var(--color-primary) 50%,var(--color-text-primary) 100%);-webkit-background-clip:text;background-size:200% 100%;-webkit-text-fill-color:transparent;animation:shimmer-text 3s ease-in-out infinite;background-clip:text}@keyframes shimmer-text{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.animate-bounce{animation:bounce 2s var(--ease-bounce-out) infinite}.animate-stagger>*{animation:slideUp var(--duration-medium) var(--ease-bounce-out) forwards;opacity:0;transform:translateY(20px)}.animate-stagger>:first-child{animation-delay:0ms}.animate-stagger>:nth-child(2){animation-delay:.1s}.animate-stagger>:nth-child(3){animation-delay:.2s}.animate-stagger>:nth-child(4){animation-delay:.3s}.animate-stagger>:nth-child(5){animation-delay:.4s}.animate-stagger>:nth-child(6){animation-delay:.5s}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}.btn-premium{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-xs);justify-content:center;line-height:1;min-height:44px;min-width:44px;overflow:hidden;padding:var(--space-sm) var(--space-lg);position:relative;text-decoration:none;transition:var(--transition-smooth)}.btn-premium:before{background:hsla(0,0%,100%,.3);border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width var(--duration-slow),height var(--duration-slow);width:0}.btn-premium:hover{transform:translateY(-2px)}.btn-premium:active{transform:translateY(0);transition-duration:var(--duration-micro)}.btn-premium:active:before{height:300px;width:300px}.btn-premium--primary{background:var(--gradient-primary);box-shadow:var(--shadow-primary-soft);color:var(--color-white)}.btn-premium--primary:hover{box-shadow:var(--shadow-primary-medium)}.btn-premium--primary:focus-visible{box-shadow:var(--shadow-primary-medium),var(--shadow-focus)}.btn-premium--secondary{background:var(--gradient-secondary);box-shadow:var(--shadow-secondary-soft);color:var(--color-white)}.btn-premium--secondary:hover{box-shadow:var(--shadow-secondary-medium)}.btn-premium--glass{backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--glass-bg-light);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);color:var(--color-white)}.btn-premium--glass:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.btn-premium--gradient-border{background:var(--color-white);background-clip:padding-box;border:2px solid transparent;color:var(--color-primary)}.btn-premium--gradient-border:after{background:var(--gradient-primary);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;padding:2px;pointer-events:none;position:absolute}.btn-premium--gradient-border:hover{color:var(--color-white)}.btn-premium--gradient-border:hover:after{background:var(--gradient-primary)}.btn-premium--sm{font-size:var(--font-size-sm);min-height:36px;padding:var(--space-xs) var(--space-md)}.btn-premium--lg{font-size:var(--font-size-lg);min-height:56px;padding:var(--space-md) var(--space-xl)}.btn-premium--xl{font-size:var(--font-size-xl);min-height:64px;padding:var(--space-lg) var(--space-2xl)}.btn-premium--loading{color:transparent;pointer-events:none}.btn-premium--loading:after{animation:spinner .8s linear infinite;border:2px solid var(--color-white);border-radius:50%;border-top:2px solid transparent;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}.btn-premium--disabled,.btn-premium:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.btn-premium--disabled:before,.btn-premium:disabled:before{display:none}@keyframes spinner{to{transform:rotate(1turn)}}.form-group-premium{margin-bottom:var(--space-lg);position:relative}.form-group-premium .form-control{background:var(--color-white);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);height:56px;padding:0 var(--space-md);transition:var(--transition-smooth);width:100%}.form-group-premium .form-control::-moz-placeholder{color:var(--color-text-muted);opacity:.7}.form-group-premium .form-control::placeholder{color:var(--color-text-muted);opacity:.7}.form-group-premium .form-control:focus{background:var(--color-white);border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.1);outline:none}.form-group-premium .form-control.is-invalid{border-color:var(--color-danger)}.form-group-premium .form-control.is-invalid:focus{box-shadow:0 0 0 4px rgba(var(--color-danger-rgb),.1)}.form-group-premium .form-control.is-valid{border-color:var(--color-success)}.form-group-premium .form-control.is-valid:focus{box-shadow:0 0 0 4px rgba(var(--color-success-rgb),.1)}.form-group-premium--floating .form-control{padding-top:24px}.form-group-premium--floating .form-control::-moz-placeholder{color:transparent}.form-group-premium--floating .form-control::placeholder{color:transparent}.form-group-premium--floating .form-control:not(:-moz-placeholder)+label{color:var(--color-primary);transform:translateY(-24px) scale(.85)}.form-group-premium--floating .form-control:focus+label,.form-group-premium--floating .form-control:not(:placeholder-shown)+label{color:var(--color-primary);transform:translateY(-24px) scale(.85)}.form-group-premium--floating label{background:var(--color-white);color:var(--color-text-secondary);font-size:var(--font-size-base);left:var(--space-md);padding:0 var(--space-xs);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transform-origin:left center;transition:var(--transition-smooth)}.form-group-premium--glass .form-control{backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--glass-bg-light);border-color:var(--glass-border);color:var(--color-white)}.form-group-premium--glass .form-control::-moz-placeholder{color:hsla(0,0%,100%,.7)}.form-group-premium--glass .form-control::placeholder{color:hsla(0,0%,100%,.7)}.form-group-premium--glass .form-control:focus{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.4)}.form-group-premium--glass.form-group-premium--floating label{background:transparent;color:hsla(0,0%,100%,.8)}.form-group-premium .form-help{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.form-group-premium .form-help.is-invalid{color:var(--color-danger)}.form-group-premium .form-help.is-valid{color:var(--color-success)}.card-premium{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-03);overflow:hidden;padding:var(--space-xl);position:relative;transition:var(--transition-smooth)}.card-premium:hover{box-shadow:var(--shadow-05);transform:translateY(-4px)}.card-premium--glass{backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--glass-bg-light);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass)}.card-premium--glass:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.3)}.card-premium--gradient-border{background-clip:padding-box;border:2px solid transparent}.card-premium--gradient-border:before{background:var(--gradient-primary);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;padding:2px;position:absolute}.card-premium--shimmer{overflow:hidden}.card-premium--shimmer:after{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.skeleton-premium{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:400% 100%;border-radius:var(--radius-md)}.skeleton-premium--text{height:1rem;margin-bottom:var(--space-xs)}.skeleton-premium--text:last-child{width:80%}.skeleton-premium--title{height:2rem;margin-bottom:var(--space-md);width:60%}.skeleton-premium--avatar{border-radius:50%;height:60px;width:60px}.skeleton-premium--button{border-radius:var(--radius-lg);height:44px;width:120px}.skeleton-premium--card{border-radius:var(--radius-xl);height:300px}@keyframes skeleton-shimmer{0%{background-position:200% 0}}.dna-loader{height:100px;margin:0 auto;position:relative;width:100px}.dna-loader .helix{height:100%;position:relative;width:100%}.dna-loader .helix .strand{animation:rotate 2s linear infinite;border:3px solid transparent;border-radius:50%;height:100%;position:absolute;width:100%}.dna-loader .helix .strand:first-child{animation-delay:0s;border-left-color:var(--color-primary);border-right-color:var(--color-primary)}.dna-loader .helix .strand:nth-child(2){animation-delay:-.5s;border-bottom-color:var(--color-secondary);border-top-color:var(--color-secondary)}.dna-loader .helix .strand:nth-child(3){animation-delay:-1s;border-left-color:var(--color-accent);border-right-color:var(--color-accent);opacity:.6;transform:scale(.8)}.glass-light{background:var(--glass-bg-light);border:1px solid var(--glass-border)}.glass-dark,.glass-light{backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop)}.glass-dark{background:var(--glass-bg-dark);border:1px solid hsla(0,0%,100%,.1)}.bg-gradient-dna{background:var(--gradient-dna-helix)}.bg-gradient-genetic{background:var(--gradient-genetic)}.bg-gradient-dawn{background:var(--gradient-dawn)}.bg-gradient-sunset{background:var(--gradient-sunset)}.bg-gradient-ocean{background:var(--gradient-ocean)}.bg-gradient-forest{background:var(--gradient-forest)}.bg-gradient-royal{background:var(--gradient-royal)}.bg-gradient-rose{background:var(--gradient-rose)}.shadow-brand{box-shadow:var(--shadow-primary-soft)}.shadow-brand-strong{box-shadow:var(--shadow-primary-strong)}.shadow-glass{box-shadow:var(--shadow-glass)}.transition-smooth{transition:var(--transition-smooth)}.transition-bounce{transition:var(--transition-bounce)}.transition-elastic{transition:var(--transition-elastic)}.transition-micro{transition:var(--transition-micro)}.focus-ring:focus-visible{box-shadow:var(--shadow-focus);outline:none}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-secondary{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:767px){.text-display{font-size:clamp(2rem,8vw,3rem)}.text-hero{font-size:clamp(1.5rem,6vw,2.5rem)}.btn-premium{min-height:48px}.btn-premium--lg{min-height:56px}.form-group-premium .form-control{height:52px}.card-premium{padding:var(--space-lg)}}@media(prefers-contrast:high){.btn-premium{border:2px solid}.form-group-premium .form-control{border-width:2px}.card-premium{border:1px solid var(--color-gray-400)}}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-content-start{justify-content:flex-start}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.justify-content-evenly{justify-content:space-evenly}.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.align-items-stretch{align-items:stretch}.align-items-baseline{align-items:baseline}.align-self-start{align-self:flex-start}.align-self-center{align-self:center}.align-self-end{align-self:flex-end}.align-self-stretch{align-self:stretch}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.flex-fill{flex:1 1 auto}.d-grid{display:grid}.d-inline-grid{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.gap-0{gap:0}.gap-1{gap:var(--space-xxs)}.gap-2{gap:var(--space-xs)}.gap-3{gap:var(--space-sm)}.gap-4{gap:var(--space-md)}.gap-5{gap:var(--space-lg)}.gap-6{gap:var(--space-xl)}.gap-8{gap:var(--space-2xl)}.position-static{position:static}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.inset-0{inset:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.m-0{margin:0}.m-1{margin:var(--space-xxs)}.m-2{margin:var(--space-xs)}.m-3{margin:var(--space-sm)}.m-4{margin:var(--space-md)}.m-5{margin:var(--space-lg)}.m-6{margin:var(--space-xl)}.m-8{margin:var(--space-2xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-xxs)}.mt-2{margin-top:var(--space-xs)}.mt-3{margin-top:var(--space-sm)}.mt-4{margin-top:var(--space-md)}.mt-5{margin-top:var(--space-lg)}.mt-6{margin-top:var(--space-xl)}.mt-8{margin-top:var(--space-2xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-xxs)}.mb-2{margin-bottom:var(--space-xs)}.mb-3{margin-bottom:var(--space-sm)}.mb-4{margin-bottom:var(--space-md)}.mb-5{margin-bottom:var(--space-lg)}.mb-6{margin-bottom:var(--space-xl)}.mb-8{margin-bottom:var(--space-2xl)}.ml-0,.ms-0{margin-left:0}.ml-1,.ms-1{margin-left:var(--space-xxs)}.ml-2,.ms-2{margin-left:var(--space-xs)}.ml-3,.ms-3{margin-left:var(--space-sm)}.ml-4,.ms-4{margin-left:var(--space-md)}.ml-5,.ms-5{margin-left:var(--space-lg)}.ml-6,.ms-6{margin-left:var(--space-xl)}.ml-8,.ms-8{margin-left:var(--space-2xl)}.ml-auto,.ms-auto{margin-left:auto}.me-0,.mr-0{margin-right:0}.me-1,.mr-1{margin-right:var(--space-xxs)}.me-2,.mr-2{margin-right:var(--space-xs)}.me-3,.mr-3{margin-right:var(--space-sm)}.me-4,.mr-4{margin-right:var(--space-md)}.me-5,.mr-5{margin-right:var(--space-lg)}.me-6,.mr-6{margin-right:var(--space-xl)}.me-8,.mr-8{margin-right:var(--space-2xl)}.me-auto,.mr-auto{margin-right:auto}.p-0{padding:0}.p-1{padding:var(--space-xxs)}.p-2{padding:var(--space-xs)}.p-3{padding:var(--space-sm)}.p-4{padding:var(--space-md)}.p-5{padding:var(--space-lg)}.p-6{padding:var(--space-xl)}.p-8{padding:var(--space-2xl)}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-xxs)}.pt-2{padding-top:var(--space-xs)}.pt-3{padding-top:var(--space-sm)}.pt-4{padding-top:var(--space-md)}.pt-5{padding-top:var(--space-lg)}.pt-6{padding-top:var(--space-xl)}.pt-8{padding-top:var(--space-2xl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-xxs)}.pb-2{padding-bottom:var(--space-xs)}.pb-3{padding-bottom:var(--space-sm)}.pb-4{padding-bottom:var(--space-md)}.pb-5{padding-bottom:var(--space-lg)}.pb-6{padding-bottom:var(--space-xl)}.pb-8{padding-bottom:var(--space-2xl)}.pl-0,.ps-0{padding-left:0}.pl-1,.ps-1{padding-left:var(--space-xxs)}.pl-2,.ps-2{padding-left:var(--space-xs)}.pl-3,.ps-3{padding-left:var(--space-sm)}.pl-4,.ps-4{padding-left:var(--space-md)}.pl-5,.ps-5{padding-left:var(--space-lg)}.pl-6,.ps-6{padding-left:var(--space-xl)}.pl-8,.ps-8{padding-left:var(--space-2xl)}.pe-0,.pr-0{padding-right:0}.pe-1,.pr-1{padding-right:var(--space-xxs)}.pe-2,.pr-2{padding-right:var(--space-xs)}.pe-3,.pr-3{padding-right:var(--space-sm)}.pe-4,.pr-4{padding-right:var(--space-md)}.pe-5,.pr-5{padding-right:var(--space-lg)}.pe-6,.pr-6{padding-right:var(--space-xl)}.pe-8,.pr-8{padding-right:var(--space-2xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-black{font-weight:var(--font-weight-black)}.font-primary{font-family:var(--font-primary)}.font-secondary{font-family:var(--font-secondary)}.font-mono{font-family:var(--font-mono)}.text-left{text-align:left}.text-center{text-align:center!important}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.no-underline{text-decoration:none}.line-through{text-decoration:line-through}.leading-none{line-height:1}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tighter{letter-spacing:var(--letter-spacing-tighter)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.tracking-widest{letter-spacing:var(--letter-spacing-widest)}.text-primary{color:var(--color-primary)!important}.text-secondary{color:#495057!important}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-danger{color:var(--color-danger)!important}.text-info{color:var(--color-info)!important}.text-white{color:var(--color-white)!important}.text-black{color:var(--color-black)!important}.text-muted{color:#6c757d!important}.bg-primary{background-color:var(--color-primary)!important}.bg-secondary{background-color:var(--color-secondary)!important}.bg-success{background-color:var(--color-success)!important}.bg-warning{background-color:var(--color-warning)!important}.bg-danger{background-color:var(--color-danger)!important}.bg-info{background-color:var(--color-info)!important}.bg-white{background-color:var(--color-white)!important}.bg-black{background-color:var(--color-black)!important}.bg-transparent{background-color:transparent!important}.bg-gray-50{background-color:var(--color-gray-50)!important}.bg-gray-100{background-color:var(--color-gray-100)!important}.bg-gray-200{background-color:var(--color-gray-200)!important}.bg-gray-300{background-color:var(--color-gray-300)!important}.bg-gray-400{background-color:var(--color-gray-400)!important}.bg-gray-500{background-color:var(--color-gray-500)!important}.bg-gray-600{background-color:var(--color-gray-600)!important}.bg-gray-700{background-color:var(--color-gray-700)!important}.bg-gray-800{background-color:var(--color-gray-800)!important}.bg-gray-900{background-color:var(--color-gray-900)!important}.bg-gradient-primary{background:var(--gradient-primary)!important}.bg-gradient-secondary{background:var(--gradient-secondary)!important}.bg-gradient-success{background:var(--gradient-success)!important}.bg-gradient-premium{background:var(--gradient-premium)!important}.bg-gradient-dark{background:var(--gradient-dark)!important}.border-0{border:0!important}.border{border:var(--border-thin) solid var(--border-color)!important}.border-2{border:var(--border-medium) solid var(--border-color)!important}.border-4{border:var(--border-thick) solid var(--border-color)!important}.border-t{border-top:var(--border-thin) solid var(--border-color)!important}.border-r{border-right:var(--border-thin) solid var(--border-color)!important}.border-b{border-bottom:var(--border-thin) solid var(--border-color)!important}.border-l{border-left:var(--border-thin) solid var(--border-color)!important}.border-primary{border-color:var(--color-primary)!important}.border-secondary{border-color:var(--color-secondary)!important}.border-success{border-color:var(--color-success)!important}.border-warning{border-color:var(--color-warning)!important}.border-danger{border-color:var(--color-danger)!important}.border-white{border-color:var(--color-white)!important}.border-transparent{border-color:transparent!important}.rounded-none{border-radius:0!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded,.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-2xl{border-radius:var(--radius-2xl)!important}.rounded-full{border-radius:var(--radius-full)!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow,.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.shadow-2xl{box-shadow:var(--shadow-2xl)!important}.shadow-primary{box-shadow:var(--shadow-primary)}.shadow-secondary{box-shadow:var(--shadow-secondary)}.shadow-inner{box-shadow:var(--shadow-inner)!important}.transform{transform:var(--transform,none)}.transform-none{transform:none!important}.scale-0{--transform:scale(0)}.scale-50{--transform:scale(0.5)}.scale-75{--transform:scale(0.75)}.scale-90{--transform:scale(0.9)}.scale-95{--transform:scale(0.95)}.scale-100{--transform:scale(1)}.scale-105{--transform:scale(1.05)}.scale-110{--transform:scale(1.1)}.scale-125{--transform:scale(1.25)}.scale-150{--transform:scale(1.5)}.rotate-0{--transform:rotate(0deg)}.rotate-1{--transform:rotate(1deg)}.rotate-2{--transform:rotate(2deg)}.rotate-3{--transform:rotate(3deg)}.rotate-6{--transform:rotate(6deg)}.rotate-12{--transform:rotate(12deg)}.rotate-45{--transform:rotate(45deg)}.rotate-90{--transform:rotate(90deg)}.rotate-180{--transform:rotate(180deg)}.translate-x-0{--transform:translateX(0)}.translate-x-1{--transform:translateX(var(--space-xxs))}.translate-x-2{--transform:translateX(var(--space-xs))}.translate-x-4{--transform:translateX(var(--space-md))}.translate-y-0{--transform:translateY(0)}.translate-y-1{--transform:translateY(var(--space-xxs))}.translate-y-2{--transform:translateY(var(--space-xs))}.translate-y-4{--transform:translateY(var(--space-md))}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.d-block{display:block!important}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-none{display:none!important}.transition{transition:var(--transition-default)}.transition-none{transition:none}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}.hover\:-translate-y-2:hover{transform:translateY(-.5rem)}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\:shadow-xl:hover{box-shadow:var(--shadow-xl)}.focus\:outline-none:focus{outline:none}.focus\:ring:focus{box-shadow:var(--shadow-focus)}.focus\:ring-primary:focus{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}@media(min-width:576px){.sm\:d-block{display:block}.sm\:d-none{display:none}.sm\:text-left{text-align:left}.sm\:text-center{text-align:center}.sm\:text-right{text-align:right}}@media(min-width:768px){.md\:d-block{display:block}.md\:d-none{display:none}.md\:d-flex{display:flex}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-right{text-align:right}.md\:text-base{font-size:var(--font-size-base)}.md\:text-lg{font-size:var(--font-size-lg)}.md\:text-xl{font-size:var(--font-size-xl)}.md\:text-2xl{font-size:var(--font-size-2xl)}}@media(min-width:992px){.lg\:d-block{display:block}.lg\:d-none{display:none}.lg\:d-flex{display:flex}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}}@media(min-width:1200px){.xl\:d-block{display:block}.xl\:d-none{display:none}.xl\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.xl\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.xl\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}.dna-pulse{animation:dna-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dna-spin{animation:dna-spin 3s linear infinite}.dna-float{animation:dna-float 6s ease-in-out infinite}.dna-glow{animation:dna-glow 3s ease-in-out infinite}@keyframes dna-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dna-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes dna-glow{0%,to{box-shadow:0 0 5px rgba(var(--color-primary-rgb),.5)}50%{box-shadow:0 0 20px rgba(var(--color-primary-rgb),.8)}}.compatibility-high{animation:compatibility-glow 2s ease-in-out infinite;background:var(--gradient-success);color:var(--color-white)}.compatibility-medium{background:var(--gradient-warning-vibrant);color:var(--color-white)}.compatibility-low{background:var(--color-gray-400);color:var(--color-white)}@keyframes compatibility-glow{0%,to{box-shadow:0 0 10px rgba(var(--color-success-rgb),.5)}50%{box-shadow:0 0 20px rgba(var(--color-success-rgb),.8)}}.love-chemistry{position:relative}.love-chemistry:before{animation:love-beat 1.5s ease-in-out infinite;content:"💕";font-size:1.2em;opacity:.8;position:absolute;right:-10px;top:-10px}@keyframes love-beat{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.match-percentage{align-items:center;border-radius:50%;display:inline-flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:60px;justify-content:center;position:relative;width:60px}.match-percentage:before{animation:percentage-rotate 2s ease-in-out;background:conic-gradient(from 0deg,var(--color-primary) 0,var(--color-primary) var(--percentage,75%),var(--color-gray-200) var(--percentage,75%),var(--color-gray-200) 100%);border-radius:50%;content:"";inset:-2px;position:absolute;z-index:-1}@keyframes percentage-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.not-sr-only{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;white-space:normal}.focus-within\:ring:focus-within{box-shadow:var(--shadow-focus)}.focus-visible\:ring:focus-visible{box-shadow:var(--shadow-focus)}@media print{.print\:d-none{display:none!important}.print\:d-block{display:block!important}.print\:text-black{color:#000!important}.print\:bg-transparent{background:transparent!important}}@media(prefers-contrast:high){.text-muted{color:var(--color-text-secondary)!important}.bg-gray-100,.bg-gray-200{border:1px solid var(--color-gray-400)}.btn-premium,.card-premium{border:1px solid var(--color-gray-600)}}.h1,h1{font-size:var(--font-size-4xl);line-height:1.2;margin-bottom:var(--spacing-lg)}.h2,h2{font-size:var(--font-size-3xl);line-height:1.3}.h2,.h3,h2,h3{margin-bottom:var(--spacing-md)}.h3,h3{font-size:var(--font-size-2xl);line-height:1.4}.body-text,body{font-size:var(--font-size-base);line-height:1.6}.btn{border:none;border-radius:var(--radius-md);font-family:var(--font-primary);font-size:1rem;font-weight:500;min-height:44px;min-width:44px;padding:.5rem 1.5rem;transform:translateY(0);transition:all .2s ease}.btn-lg{font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg)}.btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.btn:active{transform:translateY(0);transition-duration:.1s}.form-control,.form-select{border-color:var(--input-border-color);border-radius:var(--input-border-radius);border-width:1px;font-family:var(--font-primary);padding:var(--input-padding-y) var(--input-padding-x);transition:var(--transition-fast)}.form-control:focus,.form-select:focus{border-color:var(--input-focus-color);box-shadow:var(--input-focus-shadow);transform:scale(1.01)}.card{border:none;border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden;transition:var(--transition-default)}.card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}.loading-pulse{animation:pulse-glow 1.5s ease-in-out infinite}@keyframes success-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.success-bounce{animation:success-bounce .6s ease-in-out}.form-text,.small,.text-muted{color:#495057!important}.form-control::-moz-placeholder{color:#495057;opacity:.8}.form-control::placeholder{color:#495057;opacity:.8}.form-control:disabled,.form-control[readonly]{background-color:#f8f9fa;border-color:#6c757d;color:#495057;opacity:1}.btn-outline-secondary{border-color:#495057;color:#495057}.btn-outline-secondary:hover{background-color:#495057;border-color:#495057;color:#fff}.positive-feedback{align-items:center;color:#198754;display:flex;font-size:.875rem;margin-top:.25rem}.positive-feedback:before{content:"✓";font-weight:700;margin-right:.25rem}.enhanced-feedback{animation:fadeInUp .3s ease}.password-strength-container{margin-top:.5rem}.password-strength-bar{background-color:#e9ecef;border-radius:2px;height:4px;margin-bottom:.25rem;overflow:hidden}.password-strength-fill{border-radius:2px;height:100%;transition:all .3s ease}.password-strength-fill.strength-0{background-color:#dc3545;width:25%}.password-strength-fill.strength-1{background-color:#fd7e14;width:50%}.password-strength-fill.strength-2{background-color:#ffc107;width:75%}.password-strength-fill.strength-3{background-color:#198754;width:100%}.password-strength-text{color:#6c757d;font-size:.75rem}@media(min-width:768px){.mobile-only{display:none!important}}@media(max-width:575px){.tablet-up{display:none!important}}@media(max-width:991px){.desktop-up{display:none!important}}.match-dashboard{padding:.5rem}@media(min-width:768px){.match-dashboard{padding:1rem}}@media(min-width:992px){.match-dashboard{padding:2rem}}.match-dashboard .match-card{margin-bottom:1rem;width:100%}@media(min-width:768px){.match-dashboard .match-card{margin-right:1rem;width:calc(50% - 1rem)}.match-dashboard .match-card:nth-child(2n){margin-right:0}}@media(min-width:992px){.match-dashboard .match-card{width:calc(33.333% - 1rem)}.match-dashboard .match-card:nth-child(2n){margin-right:1rem}.match-dashboard .match-card:nth-child(3n){margin-right:0}}.match-dashboard .match-card .match-image{height:200px}@media(min-width:768px){.match-dashboard .match-card .match-image{height:250px}}@media(min-width:992px){.match-dashboard .match-card .match-image{height:300px}}.match-dashboard .match-card .match-actions{flex-direction:column}@media(min-width:768px){.match-dashboard .match-card .match-actions{flex-direction:row}}.match-dashboard .match-card .match-actions button{margin-bottom:.5rem;width:100%}@media(min-width:768px){.match-dashboard .match-card .match-actions button{margin-bottom:0;margin-right:.5rem;width:auto}.match-dashboard .match-card .match-actions button:last-child{margin-right:0}}.navbar{backdrop-filter:blur(10px);padding:.5rem}@media(min-width:768px){.navbar{padding:1rem 2rem}}.navbar .nav-menu{background-color:#fff;box-shadow:0 10px 27px rgba(0,0,0,.05);flex-direction:column;left:-100%;position:fixed;text-align:center;top:70px;transition:.3s;width:100%;z-index:1000}.navbar .nav-menu.active{left:0}@media(min-width:768px){.navbar .nav-menu{box-shadow:none;flex-direction:row;position:static;width:auto}}.navbar .hamburger{cursor:pointer;display:block}@media(min-width:768px){.navbar .hamburger{display:none}}.navbar .hamburger.active .bar:nth-child(2){opacity:0}.navbar .hamburger.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.navbar .hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.form-container{padding:1rem}@media(min-width:768px){.form-container{padding:2rem}}@media(min-width:992px){.form-container{margin:0 auto;max-width:600px}}.form-container .form-group{margin-bottom:1rem}.form-container .form-group label{font-size:.875rem}@media(min-width:768px){.form-container .form-group label{font-size:1rem}}.form-container .form-group input,.form-container .form-group select,.form-container .form-group textarea{font-size:16px;padding:.75rem}@media(min-width:768px){.form-container .form-group input,.form-container .form-group select,.form-container .form-group textarea{padding:1rem}}.form-container .form-row{flex-direction:column}@media(min-width:768px){.form-container .form-row{flex-direction:row}.form-container .form-row .form-group{flex:1;margin-right:1rem}.form-container .form-row .form-group:last-child{margin-right:0}}@media(max-width:575px){.btn{margin-bottom:.5rem;width:100%}}.btn.btn-icon{padding:.75rem}@media(min-width:768px){.btn.btn-icon{padding:.5rem}}.modal .modal-dialog{height:100%;margin:0;max-width:100%}@media(min-width:768px){.modal .modal-dialog{height:auto;margin:1.75rem auto;max-width:500px}}@media(min-width:992px){.modal .modal-dialog{max-width:600px}}.modal .modal-content{border-radius:0;height:100%}@media(min-width:768px){.modal .modal-content{border-radius:.5rem;height:auto}}.profile-image{height:100px;width:100px}@media(min-width:768px){.profile-image{height:150px;width:150px}}@media(min-width:992px){.profile-image{height:200px;width:200px}}@media(min-width:768px){html{font-size:15px}}@media(min-width:992px){html{font-size:16px}}h1{font-size:1.75rem}@media(min-width:768px){h1{font-size:2.25rem}}@media(min-width:992px){h1{font-size:2.5rem}}h2{font-size:1.5rem}@media(min-width:768px){h2{font-size:1.875rem}}@media(min-width:992px){h2{font-size:2rem}}.p-mobile-sm{padding:.5rem}@media(min-width:768px){.p-mobile-sm{padding:1rem}}@media(min-width:992px){.p-mobile-sm{padding:1.5rem}}.m-mobile-sm{margin:.5rem}@media(min-width:768px){.m-mobile-sm{margin:1rem}}@media(min-width:992px){.m-mobile-sm{margin:1.5rem}}.scrollable{-webkit-overflow-scrolling:touch;overflow-y:auto}body{background-color:var(--color-background);color:var(--color-text-primary);display:flex;flex-direction:column;font-family:var(--font-primary);font-size:var(--font-size-base);height:100%;line-height:var(--line-height-normal);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wingman-chat{height:calc(100vh - 120px)}@media(min-width:768px){.wingman-chat{height:600px}}.wingman-chat .chat-messages{padding:.5rem}@media(min-width:768px){.wingman-chat .chat-messages{padding:1rem}}.wingman-chat .chat-input{padding:.5rem}@media(min-width:768px){.wingman-chat .chat-input{padding:1rem}}.wingman-chat .chat-input input{font-size:16px}.alert-container{padding-top:var(--space-5xl)}.site-header{background-color:var(--color-gray-100)}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-family:var(--font-secondary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-md)}.h4,h4{font-size:var(--font-size-xl)}.h5,h5{font-size:var(--font-size-lg)}.h6,h6{font-size:var(--font-size-md)}.container-body{margin-bottom:-100px;min-height:100%;padding-bottom:100px}.footer-container{min-height:150px}main{flex:1}footer{margin-top:auto}::-moz-selection{background:var(--color-primary);color:var(--color-white)}::selection{background:var(--color-primary);color:var(--color-white)}a{color:var(--color-primary);transition:var(--transition-fast)}a,a:hover{text-decoration:none}a:hover{color:var(--color-primary-dark)}.btn-primary{background:var(--gradient-primary);background-color:#0056b3;background-size:120% 120%;border:0;border-color:#0f75bd;box-shadow:var(--shadow-primary-light);color:#fff;transition:transform var(--duration-micro) var(--ease-out),box-shadow var(--duration-quick) var(--ease-out),background-position var(--duration-quick) var(--ease-out)}.btn-primary:hover{background-color:#004494;box-shadow:var(--shadow-primary);transform:translateY(-2px)}.btn-secondary{background:var(--gradient-secondary);background-color:#6c757d;border-color:#6c757d;color:#fff!important}.btn-secondary:hover{box-shadow:var(--shadow-secondary);transform:translateY(-2px)}.card .card-header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:none;color:var(--color-white);padding:1rem 1.5rem}.card .card-header .card-title{font-family:var(--font-secondary);font-weight:var(--font-weight-bold)}.card .card-header .card-tools .btn{border-color:hsla(0,0%,100%,.3);color:var(--color-white)}.card .card-header .card-tools .btn:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5)}.card.card-glass{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2)}.offcanvas{border:none;box-shadow:0 0 50px rgba(0,0,0,.15)}.offcanvas .offcanvas-header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-white)}.offcanvas .offcanvas-header .offcanvas-title{font-family:var(--font-secondary);font-weight:var(--font-weight-bold)}.offcanvas .offcanvas-header .btn-close{filter:invert(1)}.offcanvas .nav-pills .nav-link{border-radius:var(--radius-md);transition:var(--transition-fast)}.offcanvas .nav-pills .nav-link:hover{background-color:rgba(var(--color-primary-rgb),.1)}.offcanvas .nav-pills .nav-link.active{background:var(--gradient-primary)}.form-floating{position:relative}.form-floating>label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.form-floating>label i{opacity:.7}.form-floating>.form-control:not(:-moz-placeholder)~label{color:var(--color-primary)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label{color:var(--color-primary)}.form-floating>.form-control:not(:-moz-placeholder)~label i{opacity:1}.form-floating>.form-control:focus~label i,.form-floating>.form-control:not(:placeholder-shown)~label i{opacity:1}.form-floating>.form-control{border:2px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition-fast)}.form-floating>.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 .25rem rgba(var(--color-primary-rgb),.15)}.form-floating>.form-control.is-valid{background-image:none;border-color:var(--color-success)}.form-floating>.form-control.is-invalid{background-image:none;border-color:var(--color-danger)}.toast-container .toast{backdrop-filter:blur(10px);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.toast-container .toast .toast-header{border-bottom:1px solid hsla(0,0%,100%,.2);font-weight:var(--font-weight-medium)}.toast-container .toast .toast-body{font-size:var(--font-size-sm)}.toast-container .toast.showing{animation:toastSlideIn .3s ease-out}.toast-container .toast.hiding{animation:toastSlideOut .3s ease-in}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.dropdown-menu{background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.5rem 0;z-index:1000}.dropdown-menu .dropdown-item{padding:.75rem 1rem;transition:var(--transition-fast)}.dropdown-menu .dropdown-item:focus,.dropdown-menu .dropdown-item:hover{background-color:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.dropdown-menu .dropdown-item.active{background:var(--gradient-primary);color:var(--color-white)}.dropdown-menu .dropdown-item i{text-align:center;width:1.25rem}.dropdown-menu .dropdown-header{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.dropdown-menu .dropdown-divider{margin:.5rem 0;opacity:.2}.progress{background-color:rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-full)}.progress .progress-bar{border-radius:var(--radius-full);transition:width .6s ease}.progress .progress-bar.progress-bar-animated{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--color-success)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--color-success);box-shadow:0 0 0 .25rem rgba(var(--color-success-rgb),.15)}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--color-danger)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--color-danger);box-shadow:0 0 0 .25rem rgba(var(--color-danger-rgb),.15)}.btn.btn-hover-glow:hover{box-shadow:0 0 20px rgba(var(--color-primary-rgb),.4)}.btn.btn-ripple{overflow:hidden;position:relative}.btn.btn-ripple:after{background:hsla(0,0%,100%,.3);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.btn.btn-ripple:active:after{height:200px;width:200px}.navbar .navbar-brand{font-family:var(--font-secondary);font-weight:var(--font-weight-bold)}.navbar .navbar-nav .nav-link{font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.navbar .navbar-nav .nav-link:hover{color:var(--color-primary-light)!important}.navbar .navbar-nav .nav-link.active{color:var(--color-white)!important;font-weight:var(--font-weight-bold)}.badge{border-radius:var(--radius-full);font-weight:var(--font-weight-medium);padding:.35em .65em}.badge.bg-danger{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1)}}.info-card{border:1px solid transparent;transition:var(--transition-fast)}.info-card:hover{background-color:rgba(var(--color-primary-rgb),.05)!important;border-color:var(--color-primary);transform:translateY(-1px)}.info-card i{font-size:.875rem}.progress-circle{align-items:center;background:conic-gradient(var(--color-success) 0deg,var(--color-success) calc(var(--percentage,0)*3.6deg),var(--color-border) calc(var(--percentage,0)*3.6deg),var(--color-border) 1turn);border-radius:50%;display:inline-flex;height:60px;justify-content:center;position:relative;width:60px}.progress-circle:before{background:var(--color-white);border-radius:50%;content:"";inset:3px;position:absolute}.progress-circle>*{position:relative;z-index:1}.form-progress-container{background:rgba(var(--color-primary-rgb),.02);border:1px solid rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-lg);padding:1rem}.form-progress-container .progress{height:8px}.form-progress-container .progress .progress-bar{border-radius:var(--radius-full)}.form-progress-container .progress .progress-bar.bg-success{background:linear-gradient(90deg,var(--color-success),var(--color-success-light))}.form-progress-container .progress .progress-bar.bg-info{background:linear-gradient(90deg,var(--color-info),var(--color-info-light))}.form-progress-container .progress .progress-bar.bg-warning{background:linear-gradient(90deg,var(--color-warning),var(--color-warning-light))}.form-progress-container .progress .progress-bar.bg-danger{background:linear-gradient(90deg,var(--color-danger),var(--color-danger-light))}.badge-container .badge{font-size:.75rem;padding:.375rem .75rem}.badge-container .badge.bg-success{background:linear-gradient(135deg,var(--color-success),var(--color-success-dark))!important}.badge-container .badge.bg-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark))!important}.badge-container .badge i{font-size:.875rem}.btn-group .btn{border-radius:var(--radius-md)}.btn-group .btn:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group .btn:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0}.loading{pointer-events:none;position:relative}.loading:after{animation:spin .8s linear infinite;border:2px solid var(--color-primary);border-radius:50%;border-top:2px solid transparent;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.gap-3xl{gap:var(--space-3xl)}.h1,.h2,.h3,h1,h2,h3{letter-spacing:-.01em}.gradient-hero{background:var(--gradient-hero);color:var(--color-white)}.gradient-brand{background:var(--gradient-brand);color:var(--color-white)}.card-elevated{border:0;box-shadow:0 1px 2px rgba(16,24,40,.06),0 10px 20px rgba(16,24,40,.08)}.btn-primary:focus,.btn-primary:hover{background-color:var(--color-primary-dark);background-position:10% 0;border-color:var(--color-primary-dark);box-shadow:var(--shadow-primary-strong);transform:translateY(-1px)}.btn-accent{background:var(--gradient-secondary);border:0;box-shadow:var(--shadow-secondary-light);color:var(--color-white)}.btn-accent:focus,.btn-accent:hover{box-shadow:var(--shadow-secondary-strong);color:var(--color-white);transform:translateY(-1px)}.form-control{border:var(--border-thin) solid var(--border-color);box-shadow:var(--shadow-inner)}.form-control:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.input-group-text{background-color:var(--color-gray-50);border-color:var(--border-color)}.section{padding-bottom:clamp(2rem,3vw,4rem);padding-top:clamp(2rem,3vw,4rem)}.section-lg{padding-bottom:clamp(3rem,4vw,6rem);padding-top:clamp(3rem,4vw,6rem)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fadeUp{animation:fadeUp var(--duration-smooth) var(--ease-out) both}.hero-title{font-size:clamp(2rem,4vw,3.25rem);font-weight:800;line-height:1.1}.hero-subtitle{color:hsla(0,0%,100%,.85)}.badge-soft-primary{background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary)}.badge-soft-accent{background:rgba(var(--color-secondary-rgb),.12);color:var(--color-secondary)}.navbar-beautiful{backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);background:var(--nav-background);border-bottom:var(--border-thin) solid rgba(16,24,40,.06)}.navbar-brand{color:var(--color-white)!important;font-weight:700;letter-spacing:-.02em}.footer-beautiful{background:var(--gradient-dark);color:hsla(0,0%,100%,.8)}.footer-beautiful a{color:var(--color-white)}.alert-debug{background-color:var(--color-white);border-color:var(--color-gray-300);color:var(--color-gray-600)}.alert-debug hr{border-top-color:var(--color-gray-400)}.alert-debug .alert-link{color:var(--color-gray-700)}.alert-error{background-color:var(--color-danger-light);border-color:var(--color-gray-200);color:var(--color-danger)}.alert-error hr{border-top-color:var(--color-danger)}.alert-error .alert-link{color:var(--color-danger-dark)}.form-errors{background-color:var(--color-danger-light);border-color:var(--color-gray-200);color:var(--color-danger)}.form-errors hr{border-top-color:var(--color-danger)}.form-errors .alert-link{color:var(--color-danger-dark)}.popup-header{background-color:var(--color-primary)!important}.profile-photo-view{background-color:var(--color-gray-100);margin-top:var(--space-4xl)}.profile-photo-view img{height:300px!important;margin:0 auto!important;width:300px!important}.jcrop-tracker{height:100%!important;width:100%!important}.panel{box-shadow:var(--shadow-xs)}.panel-heading{background-image:none!important}.list-group{margin-bottom:var(--space-4xl)}.list-group-item{padding:var(--space-sm) var(--space-md)}.activation-menu,.settings-menu{margin-bottom:0;margin-left:-1px;margin-right:-1px}.settings-menu{height:var(--space-5xl);overflow-y:scroll}.upload-progress{text-align:center}#progress{background-color:var(--color-primary);background-image:none!important}.activation-panel{min-height:var(--space-5xl)}.progress-striped .progress-bar-info,.progress-striped .progress-bar-primary{background-image:none!important}.footer{background-color:var(--color-gray-800);color:var(--color-gray-500);padding-top:var(--space-lg)}.footer .head{color:var(--color-gray-100);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);text-decoration:none}.footer a{color:var(--color-gray-500)}.footer a,.footer a:hover{font-size:var(--font-size-sm);text-decoration:none}.footer a:hover{color:var(--color-gray-100)}.btn-cta{background-color:#f72c93;border-color:#f72c93;color:#fff!important;font-size:var(--font-size-lg);font-weight:600;min-height:var(--button-height-lg)}.btn-cta:focus,.btn-cta:hover{background-color:var(--color-secondary-dark);border-color:var(--color-secondary);color:var(--color-white)}.full-banner{margin-top:-70px}.full-banner-cta{float:right;max-width:500px;padding:20px}.full-banner h1,.full-banner h2,.full-banner h3{color:var(--color-white)}.full-banner-image{margin-top:-65px;width:100%}.mobile-banner{display:none}@media only screen and (max-width:1000px){.full-banner-image{display:none}.mobile-banner{display:block;margin-top:-65px;width:100%}}@media only screen and (max-width:600px){.full-banner-image{display:none}.mobile-banner{display:block;margin-top:-65px;width:100%}}#mce-EMAIL{background-color:transparent;border:solid var(--border-medium) var(--color-white);color:var(--color-white);margin-bottom:var(--space-sm);text-align:center;width:300px}#mce-EMAIL::-moz-placeholder{color:var(--color-gray-400)!important;font-weight:var(--font-weight-light)!important}#mce-EMAIL::placeholder{color:var(--color-gray-400)!important;font-weight:var(--font-weight-light)!important}.table-comparison th{background-color:var(--color-secondary);color:var(--color-white);font-size:var(--font-size-lg);text-align:center}.table-comparison .price-plan-mobile{display:none}@media only screen and (max-width:600px){.table-comparison .price-plan{display:none}.table-comparison .price-plan-mobile{background-color:#333;color:#fff;display:block;font-size:16px;text-align:center}.table-comparison .price{font-size:32px}}.benefits{background-color:var(--color-gray-100);min-height:250px}.benefits h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-2xl);text-align:center}.upload{background-color:var(--color-gray-600);border:var(--border-medium) solid var(--color-gray-700);color:var(--color-white);padding-bottom:var(--space-4xl);padding-top:var(--space-4xl);text-align:center}.drag-active{background-color:var(--color-primary);border:var(--border-medium) solid var(--color-primary)}.drag-disabled{background-color:var(--color-gray-600);border:var(--border-medium) solid var(--color-gray-700);color:var(--color-white)}.disabled-zone,.drag-disabled{padding-bottom:var(--space-4xl);padding-top:var(--space-4xl);text-align:center}.photo_upload{background-color:var(--color-gray-600);border:var(--border-medium) solid var(--color-gray-700);color:var(--color-white);padding-bottom:var(--space-lg);padding-top:var(--space-lg);text-align:center}.form-inline .form-control{width:300px}.signup{margin:0 auto;max-width:400px;padding:1px}.btn-facebook{background-color:#3b5998}.btn-facebook,.btn-facebook:hover{border-color:rgba(0,0,0,.2);color:var(--color-white)}.btn-facebook:hover{background-color:#30487b}.btn-social{overflow:hidden;padding-left:44px;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap}.btn-social>:first-child{border-right:1px solid rgba(0,0,0,.2);bottom:0;font-size:1.6em;left:0;line-height:34px;position:absolute;text-align:center;top:0;width:32px}.user_action_required{background:url(../images/warning.svg) var(--space-xs) 50% no-repeat;background-size:var(--space-lg) var(--space-lg);color:var(--color-warning);display:inline-block;padding:var(--space-xs) var(--space-xs) var(--space-xs) calc(var(--space-lg)+var(--space-xs));position:relative}.blog-hero{background-image:url(/static/images/blog/online-dating-relationships-man-woman.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:400px}.press a{text-decoration:none}.press-grey{background-color:var(--color-gray-100)}.press-icon{background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto;padding:var(--space-lg);text-align:center}.press h3{margin-top:0}.hidden{display:none}.hearts-table tr th{font-size:18px;text-align:center;width:200px}.hearts-table tr td{padding:var(--space-2xl) 0;text-align:center}.upload-container{background-color:var(--color-gray-100);padding:0;padding-bottom:var(--space-4xl);width:100%}.upload-banner{margin-top:-65px;width:100%}.navbar .dropdown-menu{position:absolute;z-index:1050}.navbar-toggler{border:1px solid hsla(0,0%,100%,.5)}.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-nav .nav-link{color:hsla(0,0%,100%,.8)!important}.navbar-nav .nav-link:hover{color:#fff!important}@media(min-width:768px){.navbar-nav{align-items:center}.navbar-nav .nav-item{margin-left:1rem}}@media(max-width:767px){.navbar .dropdown-menu{background-color:rgba(0,0,0,.1);margin-top:0;position:static;width:100%}}.banner3{align-items:center;background-color:#333;background-image:linear-gradient(135deg,#667eea,#764ba2),url(/static/images/background/couple.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.banner3-content{color:#fff;max-width:800px;padding:2rem;position:relative;text-align:center;z-index:2}.banner3-title{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.banner3-subtitle{font-size:1.5rem;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@media(max-width:768px){.banner3-title{font-size:2rem}.banner3-subtitle{font-size:1.2rem}}.btn-start-pwa{background-color:#f72c93;border:none;border-radius:50px;box-shadow:0 4px 6px rgba(0,0,0,.2);color:#fff;display:inline-block;font-size:1.2rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-start-pwa:hover{background-color:#d11b68;box-shadow:0 6px 8px rgba(0,0,0,.3);color:#fff;text-decoration:none;transform:translateY(-2px)}.banner3,.banner3-dnaromance{background-image:url(/static/images/background/couple.webp)}@media(max-width:768px){.banner3,.banner3-dnaromance{background-image:url(/static/images/background/couple-skyline.webp)}}.banner3-dnaromance .banner3-title{color:#f72c93}.banner3-dnaromance .btn-start-pwa{background-color:#f72c93}.banner3-dnaromance .btn-start-pwa:hover{background-color:#d11b68}.banner3-datemetrix{align-items:center;background-image:url(/static/images/background/Personalities.webp);background-position:50%;background-size:cover;display:flex;justify-content:center}@media(max-width:768px){.banner3-datemetrix{background-image:url(/static/images/DateMetriX/Amy_USA_PsycMatch.webp)}}.banner3-datemetrix .banner3-content{background-color:rgba(103,58,183,.9);border-radius:15px;margin:0 auto;padding:3rem;text-align:center}.banner3-datemetrix .banner3-title{color:#fff;text-align:center}.banner3-datemetrix .btn-start-pwa{background-color:#6a1b9a}.banner3-datemetrix .btn-start-pwa:hover{background-color:#4a148c}.banner3-genepool{align-items:center;background-image:url(/static/images/genepool/3pannel.webp);background-position:50%;background-size:cover;display:flex;justify-content:center}.banner3-genepool.genepool-alt{background-image:url(/static/images/genepool/pexels-maria-luiza-melo-12789912.jpeg)}@media(max-width:768px){.banner3-genepool{background-image:url(/static/images/genepool/pexels-maria-luiza-melo-12789912.jpeg)}}.banner3-genepool .banner3-content{background-color:rgba(0,150,136,.9);border-radius:15px;margin:0 auto;padding:3rem;text-align:center}.banner3-genepool .banner3-title{color:#fff;text-align:center}.banner3-genepool .btn-start-pwa{background-color:#00897b}.banner3-genepool .btn-start-pwa:hover{background-color:#00695c}.banner3-wellmatched{background-image:url(/static/images/background/wellmatched-hero.jpg)}.banner3-wellmatched .banner3-content{background-color:rgba(33,150,243,.85);border-radius:15px;padding:3rem}.banner3-wellmatched .banner3-title{color:#fff}.banner3-wellmatched .btn-start-pwa{background-color:#1976d2}.banner3-wellmatched .btn-start-pwa:hover{background-color:#0d47a1}.banner3-generecovery{background-image:url(/static/images/background/recovery-dna.jpg)}.banner3-generecovery .banner3-content{background-color:rgba(76,175,80,.85);border-radius:15px;padding:3rem}.banner3-generecovery .banner3-title{color:#fff}.banner3-generecovery .btn-start-pwa{background-color:#388e3c}.banner3-generecovery .btn-start-pwa:hover{background-color:#2e7d32}.banner3-heritablehealth{background-image:url(/static/images/background/telehealth-genetics.jpg)}.banner3-heritablehealth .banner3-content{background-color:rgba(0,123,255,.85);border-radius:15px;padding:3rem}.banner3-heritablehealth .banner3-title{color:#fff}.banner3-heritablehealth .btn-start-pwa{background-color:#007bff}.banner3-heritablehealth .btn-start-pwa:hover{background-color:#0056b3}.banner3-variant-skyline{background-image:url(/static/images/background/couple-skyline.webp)}.banner3-variant-sunset{background-image:url(/static/images/background/couple-sunset.webp)}.banner3-variant-nature{background-image:url(/static/images/background/couple-nature.webp)}.banner3:before{background:linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.5));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}@media(max-width:576px){.banner3-title{font-size:1.75rem}.banner3-subtitle{font-size:1rem}.btn-start-pwa{font-size:1rem;padding:.75rem 1.5rem}}@media(min-resolution:192dpi){.banner3-dnaromance{background-image:url(/static/images/background/couple@2x.webp)}.banner3-datemetrix{background-image:url(/static/images/background/Personalities.webp)}.banner3-genepool{background-image:url(/static/images/genepool/3pannel.webp)}}.carousel-control-next,.carousel-control-prev{background:none;border:none;color:#000;width:5%}.carousel-control-next-icon,.carousel-control-prev-icon{background-color:rgba(0,0,0,.5);border-radius:50%;padding:20px}.carousel-indicators [data-bs-target]{background-color:#000}.offline-container{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh}.offline-content{padding:2rem;text-align:center}.offline-icon{color:#6c757d;font-size:5rem;margin-bottom:2rem}.offline-title{color:#343a40;font-size:2.5rem;margin-bottom:1rem}.offline-message{color:#6c757d;font-size:1.2rem;margin-bottom:2rem}.btn-retry{background-color:#007bff;border:none;border-radius:50px;display:inline-block;font-size:1.1rem;padding:.75rem 2rem;transition:all .3s ease}.btn-retry,.btn-retry:hover{color:#fff;text-decoration:none}.btn-retry:hover{background-color:#0056b3;transform:translateY(-2px)}.form-label{margin-bottom:.5rem}@media(max-width:575.98px){.display-1{font-size:3rem}.display-2{font-size:2.5rem}.display-3{font-size:2rem}.display-4{font-size:1.75rem}}.banner3-dnamatchmakers{align-items:center;background-image:url(/static/images/background/dnamatchmakers-hero.webp);background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:600px;position:relative}.banner3-dnamatchmakers:before{background:linear-gradient(135deg,rgba(26,35,126,.9),rgba(194,24,91,.9));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.banner3-dnamatchmakers .banner3-content{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:15px;padding:3rem;position:relative;text-align:center;z-index:2}.banner3-dnamatchmakers .banner3-content h1,.banner3-dnamatchmakers .banner3-content h2,.banner3-dnamatchmakers .banner3-content h3,.banner3-dnamatchmakers .banner3-content p{color:#fff;margin:0 auto}.banner3-dnamatchmakers .banner3-content h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.banner3-dnamatchmakers .banner3-content .lead{font-size:1.5rem;margin-bottom:2rem;opacity:.95}.banner3-dnamatchmakers .banner3-content .btn-dnamatchmakers-primary{background-color:gold;border:none;color:#1a237e;font-weight:700}.banner3-dnamatchmakers .banner3-content .btn-dnamatchmakers-primary:hover{background-color:#ffc700;box-shadow:0 5px 15px rgba(255,215,0,.4);transform:translateY(-2px)}.dropdown-item{color:#212529}.dropdown-item:focus,.dropdown-item:hover{background-color:#f8f9fa;color:#212529}.navbar-dark .navbar-nav .dropdown-menu{background-color:#343a40;border-color:hsla(0,0%,100%,.15)}.navbar-dark .navbar-nav .dropdown-menu .dropdown-item{color:hsla(0,0%,100%,.8)}.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:focus,.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.btn-outline-hearts{border-color:#f72c93;color:#f72c93}.btn-outline-hearts:hover{background-color:#f72c93;color:#fff}.btn.disabled,.btn:disabled{cursor:not-allowed;opacity:.65}.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.card-header{background-color:#f8f9fa;border-bottom:1px solid rgba(0,0,0,.125)}.plan-card{height:100%;transition:all .3s ease}.plan-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-5px)}.plan-card .card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;padding:1rem;text-align:center}.plan-card.featured .card-header{background:linear-gradient(135deg,#f72c93,#d11b68)}.fixed-top{z-index:1030}.modal{z-index:1055}.modal-backdrop{z-index:1050}@media(max-width:767px){.table-responsive{border:0}.table-comparison{font-size:.875rem}.table-comparison td,.table-comparison th{padding:.5rem}}@media(min-width:768px)and (max-width:991px){.navbar-expand-lg .navbar-nav{flex-direction:row;flex-wrap:wrap;justify-content:center}.navbar-expand-lg .navbar-nav .nav-item{margin:0 .5rem}}.press-section{background-color:#f8f9fa;padding:60px 0}.press-card{border:none;box-shadow:0 2px 4px rgba(0,0,0,.1);height:100%;transition:all .3s ease}.press-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.2);transform:translateY(-5px)}.press-card .card-body{display:flex;flex-direction:column;min-height:250px}.press-card .press-icon{align-items:center;color:#6c757d;display:flex;font-size:2rem;height:50px;justify-content:center;margin:0 auto 1rem;width:50px}.press-card .card-title{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.press-card .card-text{color:#666;flex-grow:1;font-size:.9rem}.press-card .btn-read-more{align-self:flex-start;margin-top:auto}@media(max-width:768px){.press-card .card-body{min-height:200px}}@media(max-width:575px){.press-card .press-icon{font-size:1.5rem;height:40px;width:40px}.press-card .card-title{font-size:1rem}.press-card .card-text{font-size:.85rem}}.team-section{padding:60px 0}.team-section .team-member{margin-bottom:30px;text-align:center}.team-section .team-member img{border-radius:50%;height:150px;margin-bottom:15px;-o-object-fit:cover;object-fit:cover;width:150px}.team-section .team-member h4{font-size:1.2rem;margin-bottom:5px}.team-section .team-member .role{color:#6c757d;font-style:italic;margin-bottom:10px}.team-section .team-member .bio{color:#666;font-size:.9rem}.card a{color:var(--color-primary)}.card a:hover{color:var(--color-primary-dark)}.bg-dark .text-muted{color:hsla(0,0%,100%,.6)!important}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-contrast:high){.btn{border-width:2px}.card{border:2px solid #000}}@media(prefers-color-scheme:dark){body{background-color:#121212;color:#e0e0e0}.card{background-color:#1e1e1e;border-color:#333}.navbar{background-color:#1e1e1e!important}.dropdown-menu{background-color:#2a2a2a;border-color:#444}.dropdown-item{color:#e0e0e0}.dropdown-item:hover{background-color:#333}}.blog-card{height:100%;overflow:hidden;transition:all .3s ease}.blog-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-5px)}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-card .blog-image{height:200px;overflow:hidden}.blog-card .blog-image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.blog-card .card-body{flex:1;padding:1.25rem}.blog-card .card-body p{color:#555;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.blog-card .card-body p:last-child{margin-bottom:0}.blog-card .card-body p a{color:var(--color-primary);font-weight:500;text-decoration:none}.blog-card .card-body p a:hover{text-decoration:underline}.blog-card .blog-meta{color:#666;font-size:.875rem;margin-bottom:.75rem}.blog-card .blog-meta i{margin-right:.25rem}.blog-card .blog-meta span{margin-right:1rem}.blog-card .blog-meta span:last-child{margin-right:0}.blog-card .blog-tags{margin-top:1rem}.blog-card .blog-tags .badge{font-weight:400;margin-right:.5rem}.blog-card .blog-tags .badge:last-child{margin-right:0}.pagination{justify-content:center;margin-top:3rem}.pagination .page-link{align-items:center;border-radius:50%;color:var(--color-primary);display:flex;height:40px;justify-content:center;margin:0 .25rem;width:40px}.pagination .page-link:hover{background-color:var(--color-primary);color:#fff}.pagination .page-item.active .page-link{background-color:var(--color-primary);border-color:var(--color-primary)}.pagination .page-item.disabled .page-link{color:#ccc}.search-form .form-control{border-radius:50px;padding-left:2.5rem}.search-form .form-control:focus{box-shadow:0 0 0 .2rem rgba(var(--color-primary),.25)}.search-form .search-icon{color:#666;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.tag-cloud .tag-item{display:inline-block;margin:.25rem}.tag-cloud .tag-item .badge{font-size:.875rem;font-weight:400;padding:.5rem 1rem}.tag-cloud .tag-item .badge:hover{background-color:var(--color-primary);color:#fff}.newsletter-signup{background-color:#f8f9fa;border-radius:10px;margin-top:2rem;padding:2rem}.newsletter-signup h3{margin-bottom:1rem}.newsletter-signup .form-control{border-radius:50px 0 0 50px}.newsletter-signup .btn{border-radius:0 50px 50px 0}.social-share{margin:2rem 0}.social-share .share-btn{border-radius:50px;color:#fff;display:inline-block;margin-right:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.social-share .share-btn:hover{box-shadow:0 5px 10px rgba(0,0,0,.2);transform:translateY(-2px)}.social-share .share-btn.facebook{background-color:#3b5998}.social-share .share-btn.twitter{background-color:#1da1f2}.social-share .share-btn.linkedin{background-color:#0077b5}.social-share .share-btn.email{background-color:#666}.social-share .share-btn i{margin-right:.5rem}.related-posts{border-top:1px solid #eee;margin-top:3rem;padding-top:3rem}.related-posts h3{margin-bottom:2rem}.related-posts .related-post-item{margin-bottom:1.5rem}.related-posts .related-post-item h5{font-size:1.1rem;margin-bottom:.5rem}.related-posts .related-post-item h5 a{color:#333;text-decoration:none}.related-posts .related-post-item h5 a:hover{color:var(--color-primary)}.related-posts .related-post-item .text-muted{font-size:.875rem}.comments-section{border-top:1px solid #eee;margin-top:3rem;padding-top:3rem}.comments-section .comment-item{border-bottom:1px solid #f0f0f0;margin-bottom:2rem;padding-bottom:2rem}.comments-section .comment-item:last-child{border-bottom:none;padding-bottom:0}.comments-section .comment-item .comment-header{align-items:center;display:flex;margin-bottom:1rem}.comments-section .comment-item .comment-header .avatar{border-radius:50%;height:40px;margin-right:1rem;width:40px}.comments-section .comment-item .comment-header .comment-meta{flex:1}.comments-section .comment-item .comment-header .comment-meta .author{font-weight:600;margin-bottom:.25rem}.comments-section .comment-item .comment-header .comment-meta .date{color:#666;font-size:.875rem}.comments-section .comment-item .comment-body{margin-left:56px}.comments-section .comment-item .comment-body p{margin-bottom:.5rem}.comments-section .comment-item .comment-body p:last-child{margin-bottom:0}.comments-section .comment-item .comment-actions{margin-left:56px;margin-top:.5rem}.comments-section .comment-item .comment-actions button{background:none;border:none;color:#666;cursor:pointer;font-size:.875rem;margin-right:1rem;padding:0}.comments-section .comment-item .comment-actions button:hover{color:var(--color-primary)}.comments-section .comment-item .comment-actions button i{margin-right:.25rem}.author-bio{align-items:flex-start;background-color:#f8f9fa;border-radius:10px;display:flex;margin-top:3rem;padding:2rem}.author-bio .author-avatar{border-radius:50%;flex-shrink:0;height:80px;margin-right:1.5rem;width:80px}.author-bio .author-info{flex:1}.author-bio .author-info h4{margin-bottom:.5rem}.author-bio .author-info .bio{color:#666;margin-bottom:1rem}.author-bio .author-info .social-links a{color:#666;display:inline-block;font-size:1.2rem;margin-right:1rem}.author-bio .author-info .social-links a:hover{color:var(--color-primary)}.archive-header{background-color:#f8f9fa;margin-bottom:3rem;padding:3rem 0}.archive-header h1{margin-bottom:1rem}.archive-header .archive-description{color:#666;font-size:1.1rem}.archive-filters{margin-bottom:2rem}.archive-filters .filter-group{margin-bottom:1rem}.archive-filters .filter-group label{font-weight:600;margin-right:1rem}.archive-filters .filter-group input,.archive-filters .filter-group select{max-width:200px}.taxonomy-header{margin-bottom:3rem;padding:3rem 0;text-align:center}.taxonomy-header .taxonomy-icon{color:var(--color-primary);font-size:4rem;margin-bottom:1rem}.taxonomy-header h1{margin-bottom:1rem}.taxonomy-header .taxonomy-description{color:#666;font-size:1.1rem;margin:0 auto;max-width:600px}.taxonomy-header .post-count{color:#666;font-size:.9rem;margin-top:1rem}pre{background-color:#f4f4f4;border:1px solid #ddd;border-radius:4px;overflow-x:auto;padding:1rem}pre code{background-color:transparent;color:#333;padding:0}code{background-color:#f4f4f4;border-radius:3px;color:#d14;font-size:.875rem;padding:.2rem .4rem}blockquote{border-left:4px solid var(--color-primary);color:#666;font-style:italic;margin:1.5rem 0;padding-left:1rem}blockquote p{margin-bottom:.5rem}blockquote p:last-child{margin-bottom:0}blockquote cite{color:#666;display:block;font-size:.875rem;font-style:normal;margin-top:.5rem}blockquote cite:before{content:"— "}.table-responsive{margin:1.5rem 0}.table-responsive table{min-width:100%}.table-responsive table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600;padding:.75rem;text-align:left}.table-responsive table td{border-bottom:1px solid #dee2e6;padding:.75rem}.table-responsive table tr:last-child td{border-bottom:none}.back-to-top{align-items:center;background-color:var(--color-primary);border-radius:50%;bottom:2rem;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;opacity:0;position:fixed;right:2rem;transition:all .3s ease;visibility:hidden;width:50px;z-index:1000}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{background-color:var(--color-primary-dark);transform:translateY(-5px)}.spinner-container{align-items:center;display:flex;justify-content:center;min-height:200px}.spinner-container .spinner-border{color:var(--color-primary);height:3rem;width:3rem}.error-page{align-items:center;display:flex;justify-content:center;min-height:60vh;text-align:center}.error-page .error-code{color:var(--color-primary);font-size:8rem;font-weight:700;line-height:1}.error-page .error-message{font-size:1.5rem;margin:1rem 0}.error-page .error-description{color:#666;margin-bottom:2rem}@media print{.back-to-top,.comments-section,.footer,.navbar,.newsletter-signup,.sidebar,.social-share{display:none!important}body{font-size:12pt;line-height:1.5}h1,h2,h3,h4,h5,h6{page-break-after:avoid}img{max-width:100%!important}a{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}}.nav-language-btn{background:transparent;border:none;font-size:12px!important;padding:.25rem .5rem!important}.nav-language-btn .language-text{display:none;font-weight:700;text-transform:uppercase}.nav-language-btn .flag-icon{margin-right:.25rem}.nav-language-btn:after{content:attr(data-lang-code);font-weight:700;margin-left:.25rem;text-transform:uppercase}@media(min-width:992px){.nav-language-btn{font-size:16px!important}.nav-language-btn .language-text{display:inline;font-weight:700;text-transform:uppercase}.nav-language-btn:after{content:none}}.who-we-serve-section .compact-card{min-height:auto!important;padding:2rem 1.5rem}.who-we-serve-section .compact-card .card-title{font-size:1.25rem;margin-bottom:1rem}.who-we-serve-section .compact-card .card-text{font-size:.95rem;line-height:1.6;margin-bottom:0}.who-we-serve-section .compact-card .fa-4x{font-size:3rem;margin-bottom:1rem!important}@media(max-width:768px){.who-we-serve-section.py-5{padding-bottom:2rem!important;padding-top:2rem!important}.who-we-serve-section .compact-card{padding:1.5rem 1rem}}.banner3-couples-report{align-items:center;background-image:url(/static/images/background/couple-skyline.webp);background-position:50%;background-size:cover;display:flex;justify-content:center}.no-webp .banner3-couples-report{background-image:url(/static/images/background/couple-skyline.jpeg)}.banner3-couples-report .banner3-content{background-color:rgba(15,117,189,.9);border-radius:15px;margin:0 auto;padding:3rem;text-align:center}.banner3-couples-report .banner3-title{color:#fff;text-align:center}.navbar-datemetrix{background:linear-gradient(135deg,#6a1b9a,#9333ea)!important;background-color:#6a1b9a!important;background-image:linear-gradient(135deg,#6a1b9a,#9333ea)!important;box-shadow:0 2px 10px rgba(107,70,193,.3)}.navbar-datemetrix .navbar-brand{align-items:center;color:#fff!important;display:flex;font-size:1.8rem;font-weight:800;gap:10px;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease}.navbar-datemetrix .navbar-brand:hover{text-shadow:0 0 20px hsla(0,0%,100%,.5);transform:scale(1.05)}.navbar-datemetrix .navbar-brand:hover img{filter:brightness(1.2) contrast(1.2) drop-shadow(0 0 10px rgba(255,255,255,.5));transform:rotate(5deg) scale(1.1)}.navbar-datemetrix .navbar-brand img{filter:brightness(1.1) contrast(1.1);height:45px;transition:all .3s ease;width:auto}.navbar-datemetrix .navbar-nav .nav-link{color:#fff!important;font-size:1.05rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1.2rem!important;position:relative;text-transform:uppercase}.navbar-datemetrix .navbar-nav .nav-link:after{background:#f7b500;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.navbar-datemetrix .navbar-nav .nav-link:hover{color:#f7b500!important;transform:translateY(-2px)}.navbar-datemetrix .navbar-nav .nav-link:hover:after{width:80%}.navbar-datemetrix .dropdown-menu{background:#7c3aed;border:none;box-shadow:0 5px 15px rgba(107,70,193,.3)}.navbar-datemetrix .dropdown-menu .dropdown-item{color:#fff!important;font-weight:500;transition:all .3s ease}.navbar-datemetrix .dropdown-menu .dropdown-item:hover{background:#6a1b9a;color:#f7b500!important;padding-left:25px}.step-icon{height:80px;transition:transform .3s ease,box-shadow .3s ease;width:80px}.step-icon:hover{box-shadow:0 8px 16px rgba(0,0,0,.2);transform:scale(1.1)}.datemetrix .h1,.datemetrix .h2,.datemetrix .h3,.datemetrix .h4,.datemetrix .h5,.datemetrix .h6,.datemetrix h1,.datemetrix h2,.datemetrix h3,.datemetrix h4,.datemetrix h5,.datemetrix h6,body.datemetrix .h1,body.datemetrix .h2,body.datemetrix .h3,body.datemetrix .h4,body.datemetrix .h5,body.datemetrix .h6,body.datemetrix h1,body.datemetrix h2,body.datemetrix h3,body.datemetrix h4,body.datemetrix h5,body.datemetrix h6{color:#2e86ab!important;font-weight:700;text-shadow:none!important}.datemetrix p,body.datemetrix p{color:#333!important;text-shadow:none!important}.datemetrix .container h1,.datemetrix .container h2,.datemetrix .container h3,.datemetrix .container h4,.datemetrix .container h5,.datemetrix .container h6,.datemetrix main h1,.datemetrix main h2,.datemetrix main h3,.datemetrix main h4,.datemetrix main h5,.datemetrix main h6,.datemetrix section h1,.datemetrix section h2,.datemetrix section h3,.datemetrix section h4,.datemetrix section h5,.datemetrix section h6,body.datemetrix .container h1,body.datemetrix .container h2,body.datemetrix .container h3,body.datemetrix .container h4,body.datemetrix .container h5,body.datemetrix .container h6,body.datemetrix main h1,body.datemetrix main h2,body.datemetrix main h3,body.datemetrix main h4,body.datemetrix main h5,body.datemetrix main h6,body.datemetrix section h1,body.datemetrix section h2,body.datemetrix section h3,body.datemetrix section h4,body.datemetrix section h5,body.datemetrix section h6{color:#2e86ab!important;text-shadow:none!important}.datemetrix .banner3-datemetrix h1,.datemetrix .banner3-datemetrix h2,.datemetrix .banner3-datemetrix h3,.datemetrix .banner3-datemetrix p,.datemetrix .hero-section h1,.datemetrix .hero-section p,body.datemetrix .banner3-datemetrix h1,body.datemetrix .banner3-datemetrix h2,body.datemetrix .banner3-datemetrix h3,body.datemetrix .banner3-datemetrix p,body.datemetrix .hero-section h1,body.datemetrix .hero-section p{color:#fff!important;text-shadow:2px 2px 4px rgba(0,0,0,.7)!important}.navbar-datemetrix.navbar{background:linear-gradient(135deg,#6a1b9a,#9333ea)!important;background-image:linear-gradient(135deg,#6a1b9a,#9333ea)!important}@media(max-width:991px){.navbar-datemetrix .navbar-collapse{background:linear-gradient(135deg,#6a1b9a,#9333ea)!important;border-radius:10px;margin-top:10px;padding:1rem}}.navbar-datemetrix .nav-link,.navbar-datemetrix .navbar-brand,.navbar-datemetrix .navbar-toggler{color:#fff!important}.navbar-datemetrix .social-icon{color:hsla(0,0%,100%,.9)!important}.navbar-datemetrix .social-icon:hover{color:#f7b500!important}.navbar-genepool{background:linear-gradient(135deg,#00897b,#00bfa5)!important;box-shadow:0 2px 10px rgba(0,137,123,.3)}.navbar-genepool .navbar-brand{align-items:center;color:#fff!important;display:flex;font-size:1.8rem;font-weight:800;gap:10px;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease}.navbar-genepool .navbar-brand:hover{text-shadow:0 0 20px hsla(0,0%,100%,.5);transform:scale(1.05)}.navbar-genepool .navbar-brand:hover img{filter:brightness(1.2) contrast(1.2) drop-shadow(0 0 10px rgba(255,255,255,.5));transform:rotate(-5deg) scale(1.1)}.navbar-genepool .navbar-brand img{filter:brightness(1.1) contrast(1.1);height:45px;transition:all .3s ease;width:auto}.navbar-genepool .navbar-nav .nav-link{color:#fff!important;font-size:1.05rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1.2rem!important;position:relative;text-transform:uppercase}.navbar-genepool .navbar-nav .nav-link:after{background:#64ffda;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.navbar-genepool .navbar-nav .nav-link:hover{color:#64ffda!important;transform:translateY(-2px)}.navbar-genepool .navbar-nav .nav-link:hover:after{width:80%}.navbar-genepool .dropdown-menu{background:#00a693;border:none;box-shadow:0 5px 15px rgba(0,137,123,.3)}.navbar-genepool .dropdown-menu .dropdown-item{color:#fff!important;font-weight:500;transition:all .3s ease}.navbar-genepool .dropdown-menu .dropdown-item:hover{background:#00897b;color:#64ffda!important;padding-left:25px}.navbar-brand-enhanced{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:50px;padding:5px 15px;position:relative;transition:all .3s ease}.navbar-brand-enhanced:hover{background:hsla(0,0%,100%,.2);box-shadow:0 0 20px hsla(0,0%,100%,.3)}.btn:focus{outline:3px solid currentColor;outline-offset:2px}.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background-color:#545b62!important;border-color:#545b62;color:#fff!important}.btn-light{background-color:#fff;border:2px solid #6c757d;color:#212529!important;font-weight:500}.btn-light:active,.btn-light:focus,.btn-light:hover{background-color:#212529!important;border-color:#212529;box-shadow:0 4px 8px rgba(0,0,0,.15);color:#fff!important;transform:translateY(-2px)}.btn-info{background-color:#17a2b8;border-color:#17a2b8;color:#fff!important}.btn-info:active,.btn-info:focus,.btn-info:hover{background-color:#138496!important;border-color:#138496;color:#fff!important}.btn-outline-light{background-color:hsla(0,0%,100%,.1);border-width:2px;font-weight:600}.btn-outline-light:active,.btn-outline-light:focus,.btn-outline-light:hover{background-color:#fff!important;border-color:#fff;color:#212529!important}.btn-overlay-light{background-color:hsla(0,0%,100%,.2);border:2px solid #fff;color:#fff!important;font-weight:600}.btn-overlay-light:active,.btn-overlay-light:focus,.btn-overlay-light:hover{background-color:#fff!important;border-color:#fff;color:var(--primary-color)!important}.btn-outline-dark{border-width:2px;font-weight:500}.btn-outline-dark:active,.btn-outline-dark:focus,.btn-outline-dark:hover{background-color:#212529!important;color:#fff!important}.banner3-datemetrix .btn-outline-light:focus,.banner3-datemetrix .btn-outline-light:hover{color:#6a1b9a!important}.banner3-genepool .btn-outline-light:focus,.banner3-genepool .btn-outline-light:hover{color:#00897b!important}.banner3-wellmatched .btn-outline-light:focus,.banner3-wellmatched .btn-outline-light:hover{color:#1976d2!important}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#0c5c96!important;border-color:#0c5c96;color:#fff!important}.btn-primary:disabled{background-color:#6c757d;border-color:#6c757d;opacity:.65}.btn-cta:active,.btn-cta:focus,.btn-cta:hover{background-color:#d11b68!important;border-color:#d11b68;color:#fff!important}.banner3-datingwingman{background:linear-gradient(135deg,#7b68ee,#ff69b4);background-position:50%;background-size:cover}.banner3-datingwingman .btn-outline-light:focus,.banner3-datingwingman .btn-outline-light:hover{border-color:#7b68ee!important;color:#7b68ee!important}.datingwingman .text-primary{color:#7b68ee!important}.datingwingman .bg-primary{background-color:#7b68ee!important}.datingwingman .btn-primary{background-color:#7b68ee;border-color:#7b68ee}.datingwingman .btn-primary:active,.datingwingman .btn-primary:focus,.datingwingman .btn-primary:hover{background-color:#6a5acd!important;border-color:#6a5acd!important}.datingwingman .text-secondary{color:hotpink!important}.datingwingman .bg-secondary{background-color:hotpink!important}.datingwingman .text-accent{color:gold!important}.datingwingman .bg-accent{background-color:gold!important}.datingwingman .chat-interface{background:#f8f9fa;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.datingwingman .chat-message.user{background:#7b68ee;border-radius:18px 18px 4px 18px;color:#fff}.datingwingman .chat-message.wingman{background:#e9ecef;border-radius:18px 18px 18px 4px;color:#333}.datingwingman .feature-card{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#7b68ee,#ff69b4) border-box;border:2px solid transparent;transition:transform .3s ease}.datingwingman .feature-card:hover{box-shadow:0 8px 25px rgba(123,104,238,.2);transform:translateY(-5px)}.datingwingman .pricing-card.premium{border:2px solid #7b68ee;position:relative}.datingwingman .pricing-card.premium .badge-popular{background:gold;border-radius:20px;color:#333;font-weight:600;padding:4px 16px;position:absolute;right:20px;top:-12px}.blog-section .container{max-width:1200px!important;padding:0 15px!important}.blog-section .row{display:block!important;margin:0!important;width:100%!important}.blog-section .row>.text-center,.blog-section .row>.text-center #wrapper,.blog-section .row>.text-center #wrapper #main{display:block!important;margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.blog-section .col-12,.blog-section .col-lg-12,.blog-section .col-md-12{flex:0 0 100%!important;max-width:100%!important;width:100%!important}.blog-section article.post{box-sizing:border-box!important;margin:0 auto 3rem!important;max-width:900px!important;padding:3rem!important;text-align:left!important;width:100%!important}.blog-section article.post *{text-align:left!important}.blog-section article.post h1{margin-bottom:2rem!important;text-align:center!important}.blog-section article.post h2{margin:3rem 0 1.5rem!important;text-align:center!important}.blog-section article.post .image,.blog-section article.post .image img,.blog-section article.post a.image,.blog-section article.post a.image img,.blog-section article.post figure,.blog-section article.post figure img{display:block!important;margin:0 auto!important;text-align:center!important}.blog-section article.post div[style*="max-width:31.25rem"]{max-width:100%!important}.blog-section article.post header,.blog-section article.post header .title{width:100%!important}.blog-section article.post .text-start{text-align:left!important;width:100%!important}.blog-section article.post .text-start h3,.blog-section article.post .text-start h4,.blog-section article.post .text-start p{text-align:left!important}.blog-section article.post>.text-center{margin:2rem 0!important;text-align:center!important}.blog-section article.post>.text-center .btn,.blog-section article.post>.text-center .btnn{display:inline-block!important;margin:.5rem!important;text-align:center!important}@media(max-width:768px){.blog-section article.post{max-width:100%!important;padding:1.5rem!important}.blog-section .container{padding:0 10px!important}}.chat-container{height:55vh;overflow:auto;scrollbar-color:rgba(0,0,0,.2) transparent;scrollbar-width:thin}.chat-container::-webkit-scrollbar{width:8px}.chat-container::-webkit-scrollbar-track{background:transparent}.chat-container::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:4px}.btn:focus-visible,button:focus-visible{box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.25);outline:2px solid var(--bs-primary);outline-offset:2px}a:focus-visible{outline:2px solid var(--bs-primary);outline-offset:2px;text-decoration:underline}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--bs-primary);box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.25);outline:2px solid var(--bs-primary);outline-offset:0}.btn-sm,.heart-rating-btn{min-height:44px;min-width:44px}@media(min-width:768px){.btn-sm,.heart-rating-btn{min-height:auto;min-width:auto}}.img-responsive{height:auto;max-width:100%}.hero-image{height:auto;-o-object-fit:cover;object-fit:cover;width:100%}@media(min-width:768px){.hero-image{min-height:400px}}@media(min-width:992px){.hero-image{min-height:500px}}.global-loading-overlay{align-items:center;background:hsla(0,0%,100%,.9);bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.global-loading-spinner{text-align:center}.btn[disabled]{cursor:not-allowed;opacity:.7}.form-loading{opacity:.7}.dnaparent{display:flex;flex-wrap:wrap;gap:var(--space-xl);justify-content:center;margin:var(--space-2xl) 0}@media(max-width:768px){.dnaparent{align-items:center;flex-direction:column;gap:var(--space-lg)}}.dnaoption1,.dnaoption2{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex:1;max-width:500px;padding:var(--space-xl);transition:all var(--duration-normal) var(--easing-out)}.dnaoption1:hover,.dnaoption2:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-5px)}.dnaoption1 h4,.dnaoption2 h4{color:var(--color-primary);font-size:var(--font-size-xl);margin-bottom:var(--space-lg);text-align:center}.dnaoption1 p,.dnaoption2 p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-md)}.dnaoption1 b,.dnaoption2 b{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}@media(max-width:768px){.dnaoption1,.dnaoption2{max-width:100%;padding:var(--space-lg)}}.dnaimg{display:block;height:auto;margin:0 auto var(--space-lg);max-width:200px;transition:transform var(--duration-fast) var(--easing-out)}.dnaimg:hover{transform:scale(1.05)}.dnafont{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);text-align:center}.dnafont a{color:var(--color-primary);text-decoration:underline;transition:color var(--duration-fast)}.dnafont a:hover{color:var(--color-primary-dark)}.dnafont-small{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.dnaoption1 p[class*=text-start],.dnaoption2 p[class*=text-start]{color:var(--color-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm);margin-top:var(--space-lg);text-align:left}#dnaoption1-after,#dnaoption2-after{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);display:none;margin-top:var(--space-md);padding:var(--space-lg)}#dnaoption1-after p,#dnaoption2-after p{font-size:var(--font-size-sm);margin:0}.custom-style-db88bf9b{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex:1;max-width:500px;overflow:hidden;padding:var(--space-xl);position:relative;transition:all var(--duration-normal) var(--easing-out)}.custom-style-db88bf9b:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-5px)}.custom-style-db88bf9b h4{color:var(--color-primary);font-size:var(--font-size-xl);margin-bottom:var(--space-lg);text-align:center}.custom-style-db88bf9b p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-md)}.custom-style-db88bf9b b{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}@media(max-width:768px){.custom-style-db88bf9b{max-width:100%;padding:var(--space-lg)}}.custom-style-db88bf9b:before{background:radial-gradient(circle,var(--color-primary-light) 0,transparent 70%);content:"";height:200%;opacity:0;pointer-events:none;position:absolute;right:-50%;top:-50%;transition:opacity var(--duration-slow);width:200%}.custom-style-db88bf9b:hover:before{opacity:.1}.custom-style-99295706{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);display:none;margin-top:var(--space-md);padding:var(--space-lg)}.custom-style-99295706 p{font-size:var(--font-size-sm);margin:0}.custom-style-29bcd606{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:50px;box-shadow:0 4px 15px rgba(var(--color-primary-rgb),.3);color:var(--color-white);display:inline-block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all var(--duration-normal) var(--easing-out)}.custom-style-29bcd606:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 100%);box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.4);color:var(--color-white);transform:translateY(-2px)}.custom-style-29bcd606:active{box-shadow:0 2px 10px rgba(var(--color-primary-rgb),.3);transform:translateY(0)}.custom-style-29bcd606 img{margin-left:var(--space-sm);vertical-align:middle}@media(min-width:768px)and (max-width:991px){.dnaparent{gap:var(--space-lg)}.dnaoption1,.dnaoption2{padding:var(--space-lg)}}@media(prefers-contrast:high){.dnaoption1,.dnaoption2{border:2px solid var(--color-text-primary)}}.loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.focus-trap{outline:2px solid var(--bs-primary);outline-offset:2px}.focus-trap:focus-visible{outline:3px solid var(--bs-primary);outline-offset:2px}@media(prefers-contrast:high){.skip-link{border:2px solid}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner-border{animation:none}}.sr-only-focusable:focus{height:auto;overflow:visible;position:static;width:auto;clip:auto;white-space:normal}.hero-section{contain:layout style;will-change:transform}img,video{height:auto}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@supports(container-type:inline-size){.responsive-grid{container-type:inline-size}@container (min-width:768px){.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}}.form-announcer{height:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}.rate-limit-warning{background:linear-gradient(45deg,#ffc107,#ff8c00);border-radius:6px;color:#000;font-weight:500;margin:16px 0;padding:12px}.webauthn-container{background:rgba(0,123,255,.05);border:2px dashed #007bff;border-radius:12px;margin:20px 0;padding:20px;text-align:center}.webauthn-button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;font-weight:500;padding:12px 24px;transition:all .3s ease}.webauthn-button:hover{box-shadow:0 4px 12px rgba(0,123,255,.3);transform:translateY(-2px)}:root{--dnaromance-primary:#0F75BD;--dnaromance-accent:#F72C93;--datemetrix-primary:#6633B3;--datemetrix-overlay:rgba(103,58,183,0.9);--genepool-primary:#009688;--genepool-overlay:rgba(0,150,136,0.9);--wellmatched-primary:#1976D2;--generecovery-primary:#4CAF50;--heritablehealth-primary:#2196F3}:focus{outline:none}:focus-visible{outline:3px solid var(--bs-primary,#0F75BD);outline-offset:2px;border-radius:0.25rem}.skip-to-content{position:absolute;left:-999px;width:1px;height:1px;top:auto;z-index:999999;color:var(--bs-white);background:var(--bs-dark);text-decoration:none;padding:0.75rem 1.5rem;border-radius:0.25rem}.skip-to-content:focus{left:50%;transform:translateX(-50%);width:auto;height:auto;outline:3px solid var(--bs-warning)}button,a.btn,input[type="submit"],input[type="button"],.btn{min-height:44px;min-width:44px}.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}@media (prefers-contrast:high){:focus-visible{outline-width:4px}.btn{border-width:2px}}.loading{position:relative;pointer-events:none;opacity:0.7}.loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--bs-primary,#0F75BD);border-radius:50%;border-top-color:transparent;animation:spinner 0.8s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.btn.loading{color:transparent !important}.btn.loading::after{border-color:currentColor;border-top-color:transparent}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:0.25rem;display:block;min-height:1rem}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:0.5rem}.skeleton-title{height:2rem;margin-bottom:1rem}.skeleton-button{height:44px;width:120px}.skeleton-avatar{width:60px;height:60px;border-radius:50%}.skeleton-card{height:200px;margin-bottom:1rem}a,button,.btn,input,textarea,select,.card,.dropdown-menu,.nav-link{transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.btn:hover:not(:disabled):not(.disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.btn:active:not(:disabled):not(.disabled){transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.card{transition:transform 0.2s ease,box-shadow 0.2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.12)}html{scroll-behavior:smooth}.form-control:focus,.form-select:focus{border-color:var(--bs-primary);box-shadow:0 0 0 0.25rem rgba(15,117,189,0.25)}.language-container{padding:0 1.25rem}.languages{z-index:997;position:relative}.nav-language-btn{background-color:transparent !important;border:1px solid rgba(255,255,255,0.2) !important;color:#fff !important;padding:0.5rem 1rem;font-size:0.875rem;transition:all 0.3s ease}.nav-language-btn:hover,.nav-language-btn:focus{background-color:rgba(255,255,255,0.1) !important;border-color:rgba(255,255,255,0.4) !important}.language-image,.flag-image{width:1.25rem;height:1.25rem;object-fit:contain;margin-right:0.5rem;border-radius:2px}.language-menu{max-height:18.75rem;overflow-y:auto;min-width:13.125rem}.navbar-nav .nav-link{position:relative;padding:0.75rem 1rem !important;font-weight:500;color:rgba(255,255,255,0.9) !important;text-transform:uppercase;font-size:0.875rem;letter-spacing:0.025em;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border-radius:6px;margin:0 0.25rem}.navbar-nav .nav-link:hover{background-color:rgba(255,255,255,0.1);color:#fff !important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.navbar-nav .nav-link:focus{outline:2px solid rgba(255,255,255,0.3);outline-offset:2px}.navbar-nav .nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transform:translateX(-50%);transition:width 0.3s ease}.navbar-nav .nav-link:hover::after{width:80%}.navbar-nav .nav-link.active,.navbar-nav .nav-link[aria-current="page"]{background-color:rgba(255,255,255,0.15);color:#fff !important;font-weight:600}.navbar-nav .nav-link.active::after,.navbar-nav .nav-link[aria-current="page"]::after{width:80%}.navbar-nav .nav-link.btn{background:var(--gradient-primary,linear-gradient(135deg,#0f75bd,#f72c93));color:white !important;border:none;font-weight:600;margin-left:0.5rem;padding:0.625rem 1.25rem !important;border-radius:50px;transition:all 0.3s ease}.navbar-nav .nav-link.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.25);background:var(--gradient-primary,linear-gradient(135deg,#0a5a91,#d91872))}.navbar-nav .nav-link.btn::after{display:none}[data-site="generecovery"] .navbar-nav .nav-link::after{background:linear-gradient(90deg,#388e3c,#66bb6a)}[data-site="generecovery"] .navbar-nav .nav-link.btn{background:linear-gradient(135deg,#388e3c,#66bb6a)}[data-site="generecovery"] .navbar-nav .nav-link.btn:hover{background:linear-gradient(135deg,#2e7d32,#4caf50)}@media (max-width:991.98px){.navbar-nav .nav-link{margin:0.25rem 0;padding:0.875rem 1.25rem !important;border-radius:8px;background-color:rgba(255,255,255,0.05)}.navbar-nav .nav-link:hover{background-color:rgba(255,255,255,0.15);transform:none}.navbar-nav .nav-link::after{display:none}}.services-dropdown{background-color:transparent !important;border:1px solid rgba(255,255,255,0.2) !important;color:#fff !important;font-size:0.875rem;transition:all 0.3s ease}.services-dropdown:hover,.services-dropdown:focus{background-color:rgba(255,255,255,0.1) !important;border-color:rgba(255,255,255,0.4) !important}.dropdown-symbol{font-size:0.75rem;margin-left:0.25rem}.banner3{background-image:url(/static/images/background/couple.webp);background-position:center;background-size:cover;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.banner3::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(15,117,189,0.8) 0%,rgba(247,44,147,0.6) 100%)}@media (max-width:768px){.banner3{background-image:url(/static/images/background/couple-skyline.webp)}}.banner3-datemetrix{background-image:url(/static/images/DateMetriX/3pannel_USA.webp)}.banner3-datemetrix::before{background:var(--datemetrix-overlay)}@media (max-width:768px){.banner3-datemetrix{background-image:url(/static/images/DateMetriX/Amy_USA_PsycMatch.webp)}}.banner3-genepool{background-image:url(/static/images/genepool/pexels-amina-filkins-5424696.webp)}.banner3-genepool::before{background:var(--genepool-overlay)}@media (max-width:768px){.banner3-genepool{background-image:url(/static/images/genepool/pexels-maria-luiza-melo-12789912.jpeg)}}.navbar-collapse{background-color:transparent !important}@media (max-width:991px){.navbar-datemetrix .navbar-collapse{background-color:var(--datemetrix-primary) !important}.navbar-genepool .navbar-collapse{background-color:var(--genepool-primary) !important}.navbar-datemetrix .navbar-collapse .nav-link,.navbar-genepool .navbar-collapse .nav-link{color:#ffffff !important}}.game-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,0.2)}.personality-card{transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer}.personality-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.15)}@keyframes dna-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.dna-loading{animation:dna-rotate 2s linear infinite}@media print{.no-print{display:none !important}.print-only{display:block !important}body{color:#000 !important;background:#fff !important}}.alert-debug{background-color:#f8f9fa;border-color:#d6d6d6;color:#666}.alert-error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}@font-face{font-family:'Optimized System';src:local('SF Pro Text'),local('Segoe UI'),local('Roboto'),local('system-ui');font-display:swap}.critical-above-fold{contain:layout style paint}img[loading="lazy"]{content-visibility:auto;contain-intrinsic-size:300px 200px}.aspect-ratio-16-9{aspect-ratio:16/9}.aspect-ratio-4-3{aspect-ratio:4/3}.aspect-ratio-1-1{aspect-ratio:1/1}.smooth-animation{will-change:transform;transform:translateZ(0)}.smooth-animation:not(:hover):not(:focus){will-change:auto}.hero-section{contain:layout style;content-visibility:auto}.complex-background{background-attachment:local}.dropdown-menu{contain:layout style paint;transform:translateZ(0)}.scroll-container{overflow-y:scroll;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.interactive-element{min-height:44px;contain:layout}.form-control{contain:layout style}.virtual-list-item{content-visibility:auto;contain-intrinsic-size:auto 60px}.simple-shadow{box-shadow:0 2px 4px rgba(0,0,0,0.1)}.efficient-transition{transition:transform 0.2s ease,opacity 0.2s ease}@media (max-width:768px){.mobile-optimized{contain:layout style}.mobile-optimized *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}@media print{.no-print{display:none !important}.print-optimized{color:black !important;background:white !important;box-shadow:none !important}}@media (prefers-reduced-motion:reduce){.respect-motion-preference{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sr-only,.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.sr-only-focusable,.visually-hidden-focusable{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.sr-only-focusable:active,.sr-only-focusable:focus,.visually-hidden-focusable:active,.visually-hidden-focusable:focus{position:static !important;width:auto !important;height:auto !important;overflow:visible !important;clip:auto !important;white-space:normal !important}.aria-skip-links{position:absolute;top:0;left:0;z-index:10000;width:100%}.aria-skip-link{position:absolute;left:-9999px;z-index:10000;padding:0.75rem 1.5rem;background-color:#0F75BD;color:#FFFFFF;text-decoration:none;font-weight:600;border-radius:0 0 0.25rem 0;box-shadow:0 2px 4px rgba(0,0,0,0.2);transition:none}.aria-skip-link:focus,.aria-skip-link:active{position:absolute;left:0;top:0;outline:3px solid #FFFFFF;outline-offset:-3px}.aria-skip-link:hover{background-color:#0D5F96;color:#FFFFFF}body:not(.using-mouse) *:focus{outline:3px solid #0F75BD !important;outline-offset:2px !important}body.using-mouse *:focus{outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #0F75BD !important;outline-offset:2px !important;transition:outline-offset 0.1s ease-out}.form-control:focus,.form-select:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="date"]:focus,input[type="time"]:focus,input[type="datetime-local"]:focus,select:focus,textarea:focus{border-color:#0F75BD;box-shadow:0 0 0 0.2rem rgba(15,117,189,0.25);outline:none !important}.btn:focus,.btn:focus-visible,button:focus-visible{box-shadow:0 0 0 0.25rem rgba(15,117,189,0.5);outline:none !important}.btn-primary:focus,.btn-primary:focus-visible{box-shadow:0 0 0 0.25rem rgba(15,117,189,0.5)}.btn-secondary:focus,.btn-secondary:focus-visible{box-shadow:0 0 0 0.25rem rgba(108,117,125,0.5)}.btn-success:focus,.btn-success:focus-visible{box-shadow:0 0 0 0.25rem rgba(40,167,69,0.5)}.btn-danger:focus,.btn-danger:focus-visible{box-shadow:0 0 0 0.25rem rgba(220,53,69,0.5)}.btn-warning:focus,.btn-warning:focus-visible{box-shadow:0 0 0 0.25rem rgba(255,193,7,0.5)}.btn-info:focus,.btn-info:focus-visible{box-shadow:0 0 0 0.25rem rgba(23,162,184,0.5)}a:focus-visible{outline:2px solid #0F75BD;outline-offset:2px;text-decoration:underline}.card:focus-within{box-shadow:0 0 0 0.25rem rgba(15,117,189,0.25)}.modal:focus{outline:none !important}.modal-content:focus{outline:3px solid #0F75BD;outline-offset:-3px}.dropdown-item:focus,.dropdown-item:focus-visible{background-color:#e9ecef;outline:2px solid #0F75BD;outline-offset:-2px}.nav-link:focus,.nav-link:focus-visible{outline:2px solid #0F75BD;outline-offset:2px}[role="tab"]:focus{outline:2px solid #0F75BD;outline-offset:-2px;z-index:1}input[type="checkbox"]:focus,input[type="radio"]:focus{outline:2px solid #0F75BD;outline-offset:2px}input[type="checkbox"]:focus-visible,input[type="radio"]:focus-visible{box-shadow:0 0 0 0.25rem rgba(15,117,189,0.25)}input[type="range"]:focus{outline:2px solid #0F75BD;outline-offset:2px}input[type="file"]:focus-within{outline:2px solid #0F75BD;outline-offset:2px}.high-contrast{background:white !important;color:black !important}.high-contrast *{background:white !important;color:black !important;border-color:black !important}.high-contrast a,.high-contrast button,.high-contrast .btn{background:white !important;color:blue !important;border:2px solid blue !important;text-decoration:underline !important}.high-contrast a:focus,.high-contrast button:focus,.high-contrast .btn:focus{background:black !important;color:white !important;outline:3px solid yellow !important}@media (prefers-contrast:high){*:focus{outline:3px solid currentColor !important;outline-offset:3px !important}.btn:focus{outline:3px solid currentColor !important;outline-offset:2px !important;box-shadow:none !important}.form-control:focus{outline:3px solid currentColor !important;outline-offset:0 !important;box-shadow:none !important}body,html{background:white !important;color:black !important}.btn,button{border:2px solid black !important;background:white !important;color:black !important}.btn:hover,button:hover{background:black !important;color:white !important}input,select,textarea{border:2px solid black !important;background:white !important;color:black !important}a{color:blue !important;text-decoration:underline !important}a:visited{color:purple !important}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.aria-skip-link{transition:none !important}}::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;color:#495057;opacity:1}.btn:disabled,.btn.disabled{opacity:0.65}.form-control:invalid,.form-control.is-invalid,[aria-invalid="true"]{border-color:#dc3545}.form-control:invalid:focus,.form-control.is-invalid:focus,[aria-invalid="true"]:focus{border-color:#dc3545;box-shadow:0 0 0 0.25rem rgba(220,53,69,0.25)}.invalid-feedback,.error-message,[role="alert"]{color:#dc3545;font-weight:600}[aria-busy="true"]{cursor:wait}[aria-busy="true"]::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.7);z-index:1}.spinner-border,.spinner-grow{vertical-align:text-bottom}[role="button"]{cursor:pointer;user-select:none}[role="button"]:hover{text-decoration:underline}[aria-expanded="true"]::before{content:"▼ "}[aria-expanded="false"]::before{content:"▶ "}[aria-selected="true"]{font-weight:600;background-color:#e9ecef}[aria-pressed="true"]{background-color:#0F75BD;color:white}[aria-current="page"]{font-weight:600;text-decoration:underline}.nav-link[aria-current="page"]{background-color:#e9ecef;border-radius:0.25rem}.breadcrumb-item[aria-current="page"]{color:#6c757d;font-weight:600}th[aria-sort]{cursor:pointer;user-select:none}th[aria-sort]:hover{background-color:#e9ecef}th[aria-sort="ascending"]::after{content:" ↑"}th[aria-sort="descending"]::after{content:" ↓"}th[aria-sort="none"]::after{content:" ↕";opacity:0.5}.modal-backdrop{background-color:rgba(0,0,0,0.5)}[role="dialog"][aria-modal="true"]{position:relative}[aria-required="true"]::after,[required]::after{content:" *";color:#dc3545;font-weight:600}.form-text,[id^="help-"]{color:#6c757d;font-size:0.875rem}.tooltip{font-size:0.875rem;line-height:1.5;max-width:280px}.tooltip-inner{padding:0.5rem 0.75rem}.progress{background-color:#e9ecef;font-size:0.75rem;line-height:1rem}.progress-bar{color:#fff;text-align:center;white-space:nowrap;transition:width 0.6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.alert:focus{outline:3px solid currentColor;outline-offset:2px}.toast{max-width:350px;font-size:0.875rem}.toast:focus-within{box-shadow:0 0 0 0.25rem rgba(15,117,189,0.25)}img[alt=""],img[role="presentation"]{user-select:none}img:not([src]),img[src=""]{visibility:hidden}img.loading{background:#f0f0f0;min-height:100px}@media print{.sr-only,.visually-hidden,.aria-skip-links{display:none !important}a[href^="http"]:after{content:" (" attr(href) ")"}img:after{content:" (Image:" attr(alt) ")"}*:focus{outline:none !important;box-shadow:none !important}}@media (prefers-color-scheme:dark){body:not(.using-mouse) *:focus{outline-color:#4dabf7 !important}.form-control:focus{border-color:#4dabf7;box-shadow:0 0 0 0.2rem rgba(77,171,247,0.25)}.btn:focus{box-shadow:0 0 0 0.25rem rgba(77,171,247,0.5)}.aria-skip-link{background-color:#1971c2;color:#ffffff}.aria-skip-link:hover{background-color:#1864ab}::selection{background-color:#4dabf7;color:#000000}}.accordion-button:focus{z-index:3;outline:0;box-shadow:0 0 0 0.25rem rgba(15,117,189,0.25)}.carousel-control-prev:focus,.carousel-control-next:focus{outline:2px solid #fff;outline-offset:2px}.carousel-indicators button:focus{outline:2px solid #fff;outline-offset:2px}.badge:focus{outline:2px solid currentColor;outline-offset:2px}.btn-close:focus{outline:0;box-shadow:0 0 0 0.25rem rgba(15,117,189,0.25);opacity:1}.focus-visible{outline:3px solid #0F75BD !important;outline-offset:2px !important}.focus-none:focus{outline:none !important;box-shadow:none !important}.border-high-contrast{border:2px solid currentColor !important}.text-spacing{letter-spacing:0.12em;word-spacing:0.16em;line-height:1.5}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.dnaromance-theme [role="main"]:focus{outline-color:#0F75BD}.datemetrix-theme [role="main"]:focus{outline-color:#7C4DFF}.genepool-theme [role="main"]:focus{outline-color:#00BCD4}.wellmatched-theme [role="main"]:focus{outline-color:#4CAF50}.generecovery-theme [role="main"]:focus{outline-color:#FF5722}.heritablehealth-theme [role="main"]:focus{outline-color:#009688}.visually-hidden,.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.skip-link{position:absolute;top:-40px;left:0;background:var(--bs-primary,#0F75BD);color:white;padding:8px 16px;text-decoration:none;z-index:9999;border-radius:0 0 4px 0}.skip-link:focus{top:0;color:white;text-decoration:none}a:focus,button:focus,input:focus,select:focus,textarea:focus,[tabindex]:focus{outline:2px solid var(--bs-primary,#0F75BD);outline-offset:2px}@media (prefers-contrast:high){.skip-link{background:black;color:white;border:2px solid white}a:focus,button:focus,input:focus,select:focus,textarea:focus,[tabindex]:focus{outline:3px solid currentColor;outline-offset:3px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.invalid-feedback[role="alert"]{display:none;color:var(--bs-danger,#dc3545);font-size:0.875rem;margin-top:0.25rem}.invalid-feedback[role="alert"][style*="display:block"]{display:block !important}.tooltiptext[role="tooltip"]{position:absolute;z-index:1000;background-color:rgba(0,0,0,0.9);color:white;padding:8px 12px;border-radius:4px;font-size:0.875rem;white-space:nowrap;opacity:0;transition:opacity 0.3s;pointer-events:none}*:hover>.tooltiptext[role="tooltip"],*:focus>.tooltiptext[role="tooltip"]{opacity:1}button,a[role="button"],input[type="submit"],input[type="button"],.btn{min-height:44px;min-width:44px}.form-control:focus,.form-select:focus,.form-check-input:focus{border-color:var(--bs-primary,#0F75BD);box-shadow:0 0 0 0.25rem rgba(15,117,189,0.25)}.required::after,label[aria-required="true"]::after{content:" *";color:var(--bs-danger,#dc3545);font-weight:bold}nav[role="navigation"]{position:relative}a[aria-current="page"]{font-weight:bold;position:relative}a[aria-current="page"]::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:currentColor}[aria-busy="true"]{cursor:wait}[aria-busy="true"]::after{content:"...";animation:loading 1.5s infinite}@keyframes loading{0%{content:"."}33%{content:".."}66%{content:"..."}}.text-muted{color:#6c757d !important}button[disabled],.btn:disabled{opacity:0.6;cursor:not-allowed}.dropdown-menu{border:1px solid rgba(0,0,0,0.15);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)}.dropdown-item:focus,.dropdown-item:hover{background-color:var(--bs-light,#f8f9fa);color:var(--bs-dark,#212529);text-decoration:none}.btn-close-nav,.navbar-mobile-close button{background:none;border:none;padding:8px;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.btn-menu,.navbar-mobile-open{background:none;border:none;padding:8px;cursor:pointer;min-width:44px;min-height:44px}[aria-live="polite"]{position:relative}[aria-live="assertive"]{position:relative;font-weight:bold}.form-control[aria-invalid="true"],.form-select[aria-invalid="true"]{border-color:var(--bs-danger,#dc3545)}.form-control[aria-invalid="false"]:valid,.form-select[aria-invalid="false"]:valid{border-color:var(--bs-success,#198754)}[role="group"]{position:relative}[role="group"][aria-required="true"]>:first-child::after{content:" (required)";color:var(--bs-danger,#dc3545);font-size:0.875em;font-weight:normal}@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css);.animate__animated{animation-duration:var(--duration-normal);animation-fill-mode:both}.animate__fast{animation-duration:var(--duration-fast)}.animate__slow{animation-duration:var(--duration-slow)}.animate__slower{animation-duration:var(--duration-slower)}.page-transition{position:relative}.page-transition::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);z-index:9999;opacity:0;pointer-events:none;animation:pageTransition 0.6s ease-in-out}@keyframes pageTransition{0%{opacity:0;transform:scaleX(0);transform-origin:left}50%{opacity:1;transform:scaleX(1);transform-origin:left}100%{opacity:0;transform:scaleX(0);transform-origin:right}}.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,0.6);transform:scale(0);animation:ripple-animation 0.6s ease-out;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.dna-loading{width:60px;height:60px;position:relative;margin:0 auto}.dna-loading__helix{width:100%;height:100%;position:relative;animation:rotate 2s linear infinite}.dna-loading__strand{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent}.dna-loading__strand:nth-child(1){border-left-color:var(--color-primary);border-right-color:var(--color-primary);animation:strand1 1.5s ease-in-out infinite}.dna-loading__strand:nth-child(2){border-top-color:var(--color-secondary);border-bottom-color:var(--color-secondary);animation:strand2 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes strand1{0%,100%{transform:rotateX(0deg) rotateY(0deg)}50%{transform:rotateX(180deg) rotateY(0deg)}}@keyframes strand2{0%,100%{transform:rotateX(90deg) rotateY(0deg)}50%{transform:rotateX(90deg) rotateY(180deg)}}.match-card-swipe{position:relative;cursor:grab;user-select:none;transform-origin:center bottom;transition:transform 0.3s ease-out,opacity 0.3s ease-out}.match-card-swipe:active{cursor:grabbing}.like-indicator,.nope-indicator{position:absolute;top:50px;padding:10px 20px;border-radius:10px;font-weight:bold;font-size:24px;transform:rotate(-30deg);opacity:0;transition:opacity 0.3s ease;pointer-events:none}.like-indicator{right:10px;color:#4CAF50;border:3px solid #4CAF50;background:rgba(76,175,80,0.1)}.nope-indicator{left:10px;color:#F44336;border:3px solid #F44336;background:rgba(244,67,54,0.1)}.hover-lift{transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes glow{0%{box-shadow:0 0 5px var(--color-primary)}50%{box-shadow:0 0 20px var(--color-primary),0 0 30px var(--color-primary)}100%{box-shadow:0 0 5px var(--color-primary)}}.glow{animation:glow 2s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.gradient-animated{background:var(--gradient-primary);background-size:200% 200%;animation:gradient-shift 3s ease infinite}@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-20px)}100%{transform:translateY(0px)}}.float{animation:float 3s ease-in-out infinite}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{animation:shake 0.5s ease-in-out}@keyframes success{0%{transform:scale(0) rotate(45deg);opacity:0}50%{transform:scale(1.2) rotate(45deg);opacity:1}100%{transform:scale(1) rotate(45deg);opacity:1}}.success-checkmark{animation:success 0.5s ease-in-out}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.typing{overflow:hidden;border-right:3px solid var(--color-primary);white-space:nowrap;animation:typing 3.5s steps(40,end),blink 0.75s step-end infinite}@keyframes slideInLeft{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-left{animation:slideInLeft 0.5s ease-out}.slide-in-right{animation:slideInRight 0.5s ease-out}.slide-in-up{animation:slideInUp 0.5s ease-out}.slide-in-down{animation:slideInDown 0.5s ease-out}@keyframes zoomIn{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomOut{from{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.zoom-in{animation:zoomIn 0.5s ease-out}.zoom-out{animation:zoomOut 0.5s ease-out}@keyframes rotateIn{from{transform:rotate(-180deg) scale(0);opacity:0}to{transform:rotate(0deg) scale(1);opacity:1}}.rotate-in{animation:rotateIn 0.5s ease-out}@keyframes flipInX{from{transform:perspective(400px) rotateX(90deg);opacity:0}to{transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInY{from{transform:perspective(400px) rotateY(90deg);opacity:0}to{transform:perspective(400px) rotateY(0deg);opacity:1}}.flip-in-x{animation:flipInX 0.5s ease-out}.flip-in-y{animation:flipInY 0.5s ease-out}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{animation:bounce 1s ease-in-out}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.heartbeat{animation:heartbeat 1.5s ease-in-out infinite}@keyframes dna-rotate{0%{transform:rotateY(0deg)}100%{transform:rotateY(360deg)}}.dna-strand{animation:dna-rotate 4s linear infinite;transform-style:preserve-3d}.password-strength{height:4px;background:var(--color-gray-200);border-radius:2px;margin-top:8px;overflow:hidden;position:relative}.password-strength::after{content:'';position:absolute;top:0;left:0;height:100%;width:var(--strength,0%);background:var(--color-danger);transition:width 0.3s ease,background 0.3s ease}.password-strength[data-strength="weak"]::after{background:var(--color-danger)}.password-strength[data-strength="fair"]::after{background:var(--color-warning)}.password-strength[data-strength="good"]::after{background:var(--color-info)}.password-strength[data-strength="strong"]::after{background:var(--color-success)}.parallax-container{position:relative;overflow:hidden}.parallax-layer{position:absolute;top:0;left:0;width:100%;height:120%}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.stagger-animation>*{opacity:0;animation:fadeInUp 0.5s ease-out forwards}.stagger-animation>*:nth-child(1){animation-delay:0.1s}.stagger-animation>*:nth-child(2){animation-delay:0.2s}.stagger-animation>*:nth-child(3){animation-delay:0.3s}.stagger-animation>*:nth-child(4){animation-delay:0.4s}.stagger-animation>*:nth-child(5){animation-delay:0.5s}.stagger-animation>*:nth-child(6){animation-delay:0.6s}.stagger-animation>*:nth-child(7){animation-delay:0.7s}.stagger-animation>*:nth-child(8){animation-delay:0.8s}.btn{position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(0.23,1,0.320,1);transform-style:preserve-3d}.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.4) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width 0.6s ease,height 0.6s ease}.btn:hover::before{width:300%;height:300%}.btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 24px rgba(0,0,0,0.15)}.btn:active{transform:translateY(0) scale(0.98);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.ripple-effect{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 70%);transform:scale(0);pointer-events:none}.ripple-effect.active{animation:ripple-expand 0.8s ease-out}@keyframes ripple-expand{to{transform:scale(4);opacity:0}}.dna-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.dna-particle{position:absolute;width:4px;height:4px;background:var(--color-primary);border-radius:50%;opacity:0.6;animation:dna-float 20s infinite linear}.dna-particle:nth-child(even){background:var(--color-secondary);animation-duration:25s}@keyframes dna-float{from{transform:translateY(100vh) rotate(0deg)}to{transform:translateY(-100px) rotate(360deg)}}.compatibility-score{position:relative;display:inline-block}.compatibility-score-value{font-size:3rem;font-weight:bold;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:score-pulse 2s ease-in-out infinite}@keyframes score-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.9}}.compatibility-ring{position:absolute;top:50%;left:50%;width:120%;height:120%;border:3px solid transparent;border-top-color:var(--color-primary);border-radius:50%;transform:translate(-50%,-50%) rotate(0deg);animation:ring-rotate 3s linear infinite}@keyframes ring-rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}.loading-dna{position:relative;width:60px;height:60px;margin:0 auto}.loading-dna::before,.loading-dna::after{content:'';position:absolute;width:20px;height:20px;border-radius:50%;background:var(--gradient-primary);animation:dna-helix 1.5s ease-in-out infinite}.loading-dna::before{left:0;animation-delay:0s}.loading-dna::after{right:0;animation-delay:0.75s}@keyframes dna-helix{0%,100%{transform:translateY(0) scale(1)}25%{transform:translateY(-20px) scale(0.8)}50%{transform:translateY(0) scale(1.1)}75%{transform:translateY(20px) scale(0.8)}}.form-control{transition:all 0.3s cubic-bezier(0.23,1,0.320,1)}.form-control:focus{transform:translateY(-1px);box-shadow:0 8px 16px rgba(0,0,0,0.1)}.form-control.success{animation:field-success 0.5s ease;border-color:var(--color-success)}.form-control.error{animation:field-shake 0.5s ease;border-color:var(--color-danger)}@keyframes field-success{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px) scale(1.02)}75%{transform:translateX(4px) scale(1.02)}}@keyframes field-shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.success-checkmark-circle{width:60px;height:60px;position:relative;display:inline-block}.success-checkmark-circle::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid var(--color-success);animation:circle-draw 0.5s ease-out}.success-checkmark-path{position:absolute;top:50%;left:50%;width:25px;height:12px;border-left:3px solid var(--color-success);border-bottom:3px solid var(--color-success);transform:translate(-50%,-60%) rotate(-45deg) scale(0);animation:checkmark-draw 0.3s ease-out 0.5s forwards}@keyframes circle-draw{from{transform:scale(0) rotate(180deg);opacity:0}to{transform:scale(1) rotate(0deg);opacity:1}}@keyframes checkmark-draw{to{transform:translate(-50%,-60%) rotate(-45deg) scale(1)}}.card{position:relative;transition:all 0.4s cubic-bezier(0.23,1,0.320,1);transform-style:preserve-3d}.card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,0.1) 50%,transparent 60%);opacity:0;transition:opacity 0.3s ease;pointer-events:none}.card:hover{transform:translateY(-12px) rotateX(-5deg) scale(1.03);box-shadow:0 24px 48px rgba(0,0,0,0.15)}.card:hover::before{opacity:1}.genetic-analysis-loader{position:relative;width:120px;height:120px;margin:0 auto}.dna-strand-loader{position:absolute;width:100%;height:100%;animation:dna-twist 2s linear infinite}.dna-strand-loader::before,.dna-strand-loader::after{content:'';position:absolute;width:40px;height:40px;border-radius:50%;top:50%;transform:translateY(-50%)}.dna-strand-loader::before{left:0;background:var(--color-primary);animation:strand-left 2s ease-in-out infinite}.dna-strand-loader::after{right:0;background:var(--color-secondary);animation:strand-right 2s ease-in-out infinite}@keyframes dna-twist{to{transform:rotate(360deg)}}@keyframes strand-left{0%,100%{transform:translateY(-50%) translateZ(0)}50%{transform:translateY(-50%) translateZ(30px)}}@keyframes strand-right{0%,100%{transform:translateY(-50%) translateZ(30px)}50%{transform:translateY(-50%) translateZ(0)}}.hover-glow{position:relative;transition:all 0.3s ease}.hover-glow::after{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-primary);border-radius:inherit;opacity:0;z-index:-1;transition:opacity 0.3s ease;filter:blur(10px)}.hover-glow:hover::after{opacity:0.6}.page-transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);z-index:9999;pointer-events:none;opacity:0}.page-transition-overlay.active{animation:page-wipe 0.8s cubic-bezier(0.83,0,0.17,1)}@keyframes page-wipe{0%{opacity:0;transform:scaleX(0);transform-origin:left}50%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(0);transform-origin:right}}.navbar-brand{position:relative;transition:all 0.3s cubic-bezier(0.23,1,0.320,1);cursor:pointer}.navbar-brand::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width 0.3s ease}.navbar-brand:hover{transform:translateY(-2px) scale(1.05)}.navbar-brand:hover::after{width:100%}.language-menu img.flag-icon,.dropdown-menu img.flag-icon{width:20px !important;height:15px !important;object-fit:cover;border-radius:2px;margin-right:8px;vertical-align:middle}.card-hover-smooth{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transform-origin:center}.card-hover-smooth:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,0.12)}.btn-ripple{position:relative;overflow:hidden}.btn-ripple .ripple-effect{position:absolute;border-radius:50%;width:100px;height:100px;background:rgba(255,255,255,0.5);transform:translate(-50%,-50%) scale(0);animation:ripple-animation 0.6s ease-out;pointer-events:none}@keyframes ripple-animation{to{transform:translate(-50%,-50%) scale(4);opacity:0}}@keyframes smoothFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-smooth{animation:smoothFadeIn 0.6s ease-out}.parallax-element{transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94);will-change:transform}.btn-morph{position:relative;transition:all 0.3s ease;overflow:hidden}.btn-morph::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s ease,height 0.6s ease}.btn-morph:hover::before{width:300px;height:300px}.accordion-smooth{max-height:0;overflow:hidden;transition:max-height 0.3s cubic-bezier(0.4,0,0.2,1)}.accordion-smooth.active{max-height:500px}.tab-content-animate{opacity:0;transform:translateX(20px);transition:all 0.3s ease-out}.tab-content-animate.active{opacity:1;transform:translateX(0)}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:dot-pulse 1.4s ease-in-out infinite}.loading-dots span:nth-child(1){animation-delay:-0.32s}.loading-dots span:nth-child(2){animation-delay:-0.16s}.loading-dots span:nth-child(3){animation-delay:0}@keyframes dot-pulse{0%,80%,100%{transform:scale(0);opacity:0}40%{transform:scale(1);opacity:1}}@keyframes countUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.count-up{animation:countUp 0.8s ease-out}.tooltip-modern{position:relative}.tooltip-modern::after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translateX(-50%) scale(0.8);background:rgba(0,0,0,0.9);color:white;padding:8px 12px;border-radius:8px;font-size:14px;white-space:nowrap;opacity:0;pointer-events:none;transition:all 0.3s ease}.tooltip-modern:hover::after{opacity:1;transform:translateX(-50%) scale(1) translateY(-4px)}.lazy-image{opacity:0;transform:scale(0.95);transition:all 0.5s ease-out}.lazy-image.loaded{opacity:1;transform:scale(1)}.progress-modern{height:4px;background:var(--color-gray-200);border-radius:2px;overflow:hidden;position:relative}.progress-modern::after{content:'';position:absolute;top:0;left:0;height:100%;background:var(--gradient-primary);width:var(--progress,0%);transition:width 1s ease-out;border-radius:2px}.modal-smooth{opacity:0;visibility:hidden;transform:scale(0.9);transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}.modal-smooth.show{opacity:1;visibility:visible;transform:scale(1)}.icon-hover-rotate{transition:transform 0.3s ease}.icon-hover-rotate:hover{transform:rotate(15deg) scale(1.1)}.dropdown-smooth{opacity:0;transform:translateY(-10px);visibility:hidden;transition:all 0.2s ease-out;pointer-events:none}.dropdown-smooth.show{opacity:1;transform:translateY(0);visibility:visible;pointer-events:all}@keyframes highlight{0%{background-position:0% 50%}100%{background-position:100% 50%}}.text-highlight{background:linear-gradient( to right,transparent 0%,var(--color-primary) 50%,transparent 100% );background-size:200% 100%;background-position:-100% 0;transition:background-position 0.5s ease}.text-highlight:hover{background-position:100% 0}.badge-animate{animation:badgePop 0.3s ease-out}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.form-success{animation:successShake 0.5s ease}@keyframes successShake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.glass-shine{position:relative;overflow:hidden}.glass-shine::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient( 45deg,transparent 30%,rgba(255,255,255,0.1) 50%,transparent 70% );transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}.scroll-reveal{opacity:0;transform:translateY(50px);transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal-left{opacity:0;transform:translateX(-50px);transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}.scroll-reveal-left.revealed{opacity:1;transform:translateX(0)}.scroll-reveal-right{opacity:0;transform:translateX(50px);transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}.scroll-reveal-right.revealed{opacity:1;transform:translateX(0)}a{position:relative;transition:color 0.3s ease}a:not(.btn)::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:currentColor;transition:width 0.3s ease}a:not(.btn):hover::after{width:100%}.form-floating{position:relative}.form-floating .form-control:focus~label{transform:scale(0.85) translateY(-1.5rem) translateX(0.15rem);color:var(--color-primary);animation:label-float 0.3s ease}@keyframes label-float{from{transform:scale(1) translateY(0) translateX(0)}to{transform:scale(0.85) translateY(-1.5rem) translateX(0.15rem)}}.match-card{position:relative;transition:all 0.4s cubic-bezier(0.23,1,0.320,1);cursor:pointer;transform-style:preserve-3d}.match-card::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--gradient-primary);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.3s ease}.match-card:hover::before{opacity:1}.match-card:hover{transform:translateY(-8px) rotateY(5deg) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,0.2)}.nav-tabs .nav-link{position:relative;transition:all 0.3s ease}.nav-tabs .nav-link::before{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--color-primary);transform:translateX(-50%);transition:width 0.3s ease}.nav-tabs .nav-link.active::before,.nav-tabs .nav-link:hover::before{width:100%}.form-check-input[type="checkbox"]{position:relative;cursor:pointer;transition:all 0.3s ease}.form-check-input[type="checkbox"]:checked{background-color:var(--color-primary);border-color:var(--color-primary);animation:toggle-on 0.3s ease}@keyframes toggle-on{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.collapse{transition:height 0.35s cubic-bezier(0.23,1,0.320,1)}.notification-pop{animation:notification-slide 0.5s cubic-bezier(0.68,-0.55,0.265,1.55)}@keyframes notification-slide{from{transform:translateX(100%) scale(0.8);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}.progress-bar{position:relative;transition:width 1s cubic-bezier(0.23,1,0.320,1);overflow:hidden}.progress-bar::after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);animation:progress-shine 2s linear infinite}@keyframes progress-shine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}img{transition:all 0.3s ease}img.hover-zoom:hover{transform:scale(1.05)}.skeleton{position:relative;overflow:hidden;background:var(--color-gray-100)}.skeleton::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:skeleton-wave 1.5s linear infinite}@keyframes skeleton-wave{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.icon-interactive{transition:all 0.3s cubic-bezier(0.68,-0.55,0.265,1.55)}.icon-interactive:hover{transform:rotate(15deg) scale(1.2);color:var(--color-primary)}[data-bs-toggle="tooltip"]{cursor:help}.tooltip{animation:tooltip-pop 0.3s cubic-bezier(0.68,-0.55,0.265,1.55)}@keyframes tooltip-pop{from{transform:scale(0.8);opacity:0}to{transform:scale(1);opacity:1}}.badge{transition:all 0.3s ease}.badge:hover{transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.modal{backdrop-filter:blur(5px)}.modal-dialog{animation:modal-slide 0.4s cubic-bezier(0.23,1,0.320,1)}@keyframes modal-slide{from{transform:translateY(-50px) scale(0.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.cursor-trail{position:fixed;width:20px;height:20px;border-radius:50%;background:var(--color-primary);opacity:0.3;pointer-events:none;z-index:9998;transition:transform 0.1s ease;mix-blend-mode:screen}.page-enter{animation:pageEnter 0.6s ease-out}@keyframes pageEnter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-exit{animation:pageExit 0.4s ease-in}@keyframes pageExit{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.skeleton{background:linear-gradient( 90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75% );background-size:400% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:100% 50%}100%{background-position:0% 50%}}.skeleton--text{height:1rem;margin-bottom:var(--space-sm)}.skeleton--text:last-child{width:75%}.skeleton--title{height:2rem;width:60%;margin-bottom:var(--space-md)}.skeleton--avatar{width:60px;height:60px;border-radius:50%}.skeleton--avatar-lg{width:120px;height:120px;border-radius:50%}.skeleton--button{height:48px;width:120px;border-radius:var(--radius-md)}.skeleton--card{height:300px;border-radius:var(--radius-xl)}.skeleton--image{width:100%;height:200px;border-radius:var(--radius-lg)}.skeleton--badge{height:24px;width:80px;border-radius:var(--radius-full);display:inline-block;margin-right:var(--space-xs)}.skeleton-profile{.skeleton-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);.skeleton--avatar-lg{flex-shrink:0}.skeleton-info{flex-grow:1;.skeleton--title{width:200px;margin-bottom:var(--space-sm)}.skeleton--text{width:150px}}}.skeleton-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg);.skeleton--image{height:150px}}.skeleton-details{.skeleton--text{margin-bottom:var(--space-md);&:nth-child(odd){width:90%}&:nth-child(even){width:70%}}}}.skeleton-card-layout{.skeleton--image{margin-bottom:var(--space-md)}.skeleton--title{margin-bottom:var(--space-sm)}.skeleton--text{margin-bottom:var(--space-sm)}.skeleton-badges{display:flex;gap:var(--space-xs);margin-top:var(--space-md)}}.skeleton-list{.skeleton-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--border-color);&:last-child{border-bottom:none}.skeleton--avatar{flex-shrink:0}.skeleton-content{flex-grow:1;.skeleton--text{&:first-child{width:80%;margin-bottom:var(--space-xs)}&:last-child{width:60%}}}}}.skeleton-form{.skeleton-field{margin-bottom:var(--space-lg);.skeleton--text{height:20px;width:100px;margin-bottom:var(--space-sm)}.skeleton--input{height:48px;border-radius:var(--radius-md)}}}.skeleton-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-lg);.skeleton-stat{text-align:center;.skeleton--title{height:3rem;width:80px;margin:0 auto var(--space-sm)}.skeleton--text{width:100px;margin:0 auto}}}.skeleton-match-card{.skeleton--image{height:300px;margin-bottom:var(--space-md)}.skeleton-match-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);.skeleton--title{width:120px;margin:0}.skeleton--badge{width:60px;height:60px;border-radius:50%}}.skeleton-match-details{.skeleton--text{margin-bottom:var(--space-sm);&:nth-child(1){width:100%}\n &:nth-child(2){width:85%}\n &:nth-child(3){width:70%}\n}\n}\n \n .skeleton-match-actions{\n display:flex;\n gap:var(--space-md);\n margin-top:var(--space-lg);\n \n .skeleton--button{\n flex:1;\n}\n}\n}\n\n\n.skeleton-pulse{\n animation:skeleton-pulse 2s ease-in-out infinite;\n}\n\n@keyframes skeleton-pulse{\n 0%{\n opacity:1;\n}\n 50%{\n opacity:0.5;\n}\n 100%{\n opacity:1;\n}\n}\n\n\n.skeleton-container{\n opacity:0;\n animation:fadeIn 0.3s ease-out forwards;\n}\n\n@keyframes fadeIn{\n to{\n opacity:1;\n}\n}\n\n\n.skeleton-removing{\n animation:fadeOut 0.3s ease-out forwards;\n}\n\n@keyframes fadeOut{\n to{\n opacity:0;\n transform:scale(0.95);\n}\n}\n\n\n@media (max-width:768px){\n .skeleton-profile{\n .skeleton-header{\n flex-direction:column;\n text-align:center;\n \n .skeleton-info{\n .skeleton--title{\n width:150px;\n margin:0 auto var(--space-sm);\n}\n}\n}\n}\n \n .skeleton-photos{\n grid-template-columns:repeat(2,1fr);\n}\n \n .skeleton-stats{\n grid-template-columns:repeat(2,1fr);\n}\n}\n\n\n@media (prefers-color-scheme:dark){\n .skeleton{\n background:linear-gradient(\n 90deg,\n #2a2a2a 25%,\n #3a3a3a 50%,\n #2a2a2a 75%\n );\n}\n}:root{--ease-elastic:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-smooth:cubic-bezier(0.25,0.46,0.45,0.94);--ease-bounce-in:cubic-bezier(0.6,-0.28,0.735,0.045);--ease-bounce-out:cubic-bezier(0.175,0.885,0.32,1.275)}.card-glass{background:rgba(255,255,255,0.1) !important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.2) !important;border-radius:1.5rem !important;box-shadow:0 8px 32px 0 rgba(31,38,135,0.15) !important;transition:all 0.3s cubic-bezier(0,0,0.2,1)}.card-glass:hover{background:rgba(255,255,255,0.15) !important;border-color:rgba(255,255,255,0.3) !important;box-shadow:0 12px 48px 0 rgba(31,38,135,0.2) !important;transform:translateY(-4px)}.panel-glass{background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.2);border-radius:1.5rem;box-shadow:0 8px 32px 0 rgba(31,38,135,0.15);padding:2rem;margin-bottom:1.5rem;transition:all 0.3s cubic-bezier(0,0,0.2,1)}.form-floating-dna{position:relative;margin-bottom:1.5rem}.form-floating-dna .form-control{height:calc(3.5rem+2px);padding:1rem 1rem;font-size:1rem;border:2px solid #E0E0E0;border-radius:0.75rem;background:rgba(255,255,255,0.9);transition:all 0.15s cubic-bezier(0,0,0.2,1)}.form-floating-dna .form-control::placeholder{color:transparent}.form-floating-dna .form-control:focus{border-color:#0F75BD;box-shadow:0 0 0 4px rgba(15,117,189,0.1);background:#FFFFFF}.form-floating-dna .form-control:focus~label,.form-floating-dna .form-control:not(:placeholder-shown)~label{opacity:1;transform:translateY(-1.5rem) scale(0.85);color:#0F75BD}.form-floating-dna .form-control.is-invalid{border-color:#F44336}.form-floating-dna .form-control.is-invalid:focus{box-shadow:0 0 0 4px rgba(244,67,54,0.1)}.form-floating-dna label{position:absolute;top:1rem;left:1rem;font-size:1rem;color:#757575;pointer-events:none;transform-origin:0 0;transition:all 0.15s cubic-bezier(0,0,0.2,1);background:linear-gradient(to bottom,transparent 0%,transparent 40%,white 40%,white 100%);padding:0 0.5rem}.btn-hover-glow{transition:all 0.3s cubic-bezier(0,0,0.2,1)}.btn-hover-glow:hover{box-shadow:0 0 20px rgba(15,117,189,0.5);transform:translateY(-2px)}.btn-hover-slide{position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(0,0,0.2,1)}.btn-hover-slide span{position:relative;z-index:2}.btn-hover-slide::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%);transition:left 0.3s cubic-bezier(0,0,0.2,1);z-index:1}.btn-hover-slide:hover::before{left:0}.btn-hover-slide:hover{color:#FFFFFF !important}.btn-ripple{position:relative;overflow:hidden}.ripple-effect{position:absolute;border-radius:50%;width:100px;height:100px;background:rgba(255,255,255,0.5);transform:translate(-50%,-50%) scale(0);animation:ripple-animation 0.6s ease-out;pointer-events:none}@keyframes ripple-animation{to{transform:translate(-50%,-50%) scale(4);opacity:0}}.micro-interaction{transition:all 0.15s cubic-bezier(0,0,0.2,1);cursor:pointer}.micro-interaction:active{transform:scale(0.95)}.btn-dna{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;font-family:'Inter',sans-serif;font-size:1rem;font-weight:500;line-height:1.25;text-decoration:none;border:1px solid transparent;border-radius:0.5rem;cursor:pointer;transition:all 0.15s cubic-bezier(0,0,0.2,1);position:relative;overflow:hidden}.btn-dna--primary{background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%);color:#FFFFFF;box-shadow:0 4px 14px 0 rgba(15,117,189,0.3)}.btn-dna--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(15,117,189,0.4);color:#FFFFFF}.btn-dna--glass{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);color:#FFFFFF}.btn-dna--glass:hover{background:rgba(255,255,255,0.2);color:#FFFFFF}.btn-dna--ghost{background:transparent;color:#0F75BD;border-color:#0F75BD}.btn-dna--ghost:hover{background:#0F75BD;color:#FFFFFF}.hero-modern{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.hero-modern::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(247,44,147,0.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(15,117,189,0.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(124,77,255,0.2) 0%,transparent 50%);animation:gradient-animation 15s ease infinite}.hero-modern__content{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center;padding:2rem}.hero-modern__title{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;color:#FFFFFF;margin-bottom:1.5rem;animation:fadeInUp 1s ease-out;line-height:1.2}.hero-modern__title span{background:linear-gradient(to right,#FFD700,#FFA000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-modern__subtitle{font-size:clamp(1.2rem,3vw,1.5rem);color:rgba(255,255,255,0.9);margin-bottom:3rem;animation:fadeInUp 1s ease-out 0.2s both;line-height:1.6}.hero-modern__cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out 0.4s both}.hero-modern__scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);color:#FFFFFF;font-size:2rem;animation:bounce 2s infinite;cursor:pointer;opacity:0.7;transition:opacity 0.15s}.hero-modern__scroll:hover{opacity:1}.hero-modern__shape{position:absolute;opacity:0.1}.hero-modern__shape--1{top:10%;left:10%;width:100px;height:100px;background:#F72C93;border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;animation:float 6s ease-in-out infinite}.hero-modern__shape--2{top:60%;right:10%;width:150px;height:150px;background:#0F75BD;border-radius:63% 37% 54% 46% / 55% 48% 52% 45%;animation:float 8s ease-in-out infinite reverse}.hero-modern__shape--3{bottom:10%;left:30%;width:80px;height:80px;background:#7C4DFF;border-radius:41% 59% 41% 59% / 41% 59% 41% 59%;animation:float 7s ease-in-out infinite}@keyframes gradient-animation{0%{transform:translate(0,0) rotate(0deg)}33%{transform:translate(-20px,-20px) rotate(120deg)}66%{transform:translate(20px,-20px) rotate(240deg)}100%{transform:translate(0,0) rotate(360deg)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-20px)}100%{transform:translateY(0px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.scroll-reveal{opacity:0;transform:translateY(50px);transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal-left{opacity:0;transform:translateX(-50px);transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}.scroll-reveal-left.revealed{opacity:1;transform:translateX(0)}.scroll-reveal-right{opacity:0;transform:translateX(50px);transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}.scroll-reveal-right.revealed{opacity:1;transform:translateX(0)}.fade-in-smooth{animation:smoothFadeIn 0.6s ease-out}@keyframes smoothFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hover-lift{transition:transform 0.3s cubic-bezier(0,0,0.2,1),box-shadow 0.3s cubic-bezier(0,0,0.2,1)}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -2px rgba(0,0,0,0.02)}.stagger-animation>*{opacity:0;animation:fadeInUp 0.5s ease-out forwards}.stagger-animation>*:nth-child(1){animation-delay:0.1s}.stagger-animation>*:nth-child(2){animation-delay:0.2s}.stagger-animation>*:nth-child(3){animation-delay:0.3s}.stagger-animation>*:nth-child(4){animation-delay:0.4s}.stagger-animation>*:nth-child(5){animation-delay:0.5s}.stagger-animation>*:nth-child(6){animation-delay:0.6s}.password-strength{height:4px;background:#EEEEEE;border-radius:2px;margin-top:8px;overflow:hidden;position:relative}.password-strength::after{content:'';position:absolute;top:0;left:0;height:100%;width:var(--strength,0%);background:#F44336;transition:width 0.3s ease,background 0.3s ease}.password-strength[data-strength="weak"]::after{background:#F44336;width:25%}.password-strength[data-strength="fair"]::after{background:#FF9800;width:50%}.password-strength[data-strength="good"]::after{background:#00BCD4;width:75%}.password-strength[data-strength="strong"]::after{background:#4CAF50;width:100%}.lazy-image{opacity:0;transform:scale(0.95);transition:all 0.5s ease-out}.lazy-image.loaded{opacity:1;transform:scale(1)}.card-hover-smooth{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transform-origin:center}.card-hover-smooth:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,0.12)}.icon-hover-rotate{transition:transform 0.3s ease}.icon-hover-rotate:hover{transform:rotate(15deg) scale(1.1)}.online-status{animation:pulse 2s infinite}.progress-modern{height:4px;background:#EEEEEE;border-radius:2px;overflow:hidden;position:relative}.progress-modern::after{content:'';position:absolute;top:0;left:0;height:100%;background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%);width:var(--progress,0%);transition:width 1s ease-out;border-radius:2px}.skeleton{background:linear-gradient( 90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75% );background-size:400% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:0.5rem}@keyframes skeleton-loading{0%{background-position:100% 50%}100%{background-position:0% 50%}}.skeleton--text{height:1rem;margin-bottom:0.5rem}.skeleton--text:last-child{width:75%}.skeleton--title{height:2rem;width:60%;margin-bottom:1rem}.skeleton--avatar{width:60px;height:60px;border-radius:50%}.skeleton--avatar-lg{width:120px;height:120px;border-radius:50%}.skeleton--button{height:48px;width:120px;border-radius:0.5rem}.skeleton--card{height:300px;border-radius:1.5rem}.skeleton--image{width:100%;height:200px;border-radius:0.75rem}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:8px;height:8px;background:#0F75BD;border-radius:50%;animation:dot-pulse 1.4s ease-in-out infinite}.loading-dots span:nth-child(1){animation-delay:-0.32s}.loading-dots span:nth-child(2){animation-delay:-0.16s}.loading-dots span:nth-child(3){animation-delay:0}@keyframes dot-pulse{0%,80%,100%{transform:scale(0);opacity:0}40%{transform:scale(1);opacity:1}}.dna-helix-loader{width:100px;height:100px;position:relative;margin:0 auto}.dna-helix-loader .helix{width:100%;height:100%;position:relative;animation:rotate 2s linear infinite}.dna-helix-loader .strand{position:absolute;width:100%;height:100%;border-radius:50%}.dna-helix-loader .strand:nth-child(1){border:3px solid transparent;border-left-color:#0F75BD;border-right-color:#0F75BD;animation:strand1 1.5s ease-in-out infinite}.dna-helix-loader .strand:nth-child(2){border:3px solid transparent;border-top-color:#F72C93;border-bottom-color:#F72C93;animation:strand2 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes strand1{0%,100%{transform:rotateX(0deg) rotateY(0deg)}50%{transform:rotateX(180deg) rotateY(0deg)}}@keyframes strand2{0%,100%{transform:rotateX(90deg) rotateY(0deg)}50%{transform:rotateX(90deg) rotateY(180deg)}}.page-enter{animation:pageEnter 0.6s ease-out}@keyframes pageEnter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-exit{animation:pageExit 0.4s ease-in}@keyframes pageExit{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@media (max-width:768px){.hero-modern__cta{flex-direction:column;align-items:center}.btn-dna{width:100%;max-width:300px}.form-floating-dna{margin-bottom:1rem}}:root{--color-primary:#0F75BD;--color-primary-dark:#0C5C96;--color-accent:#F72C93;--color-accent-dark:#C21E6B;--text-primary:#212529;--text-secondary:#6C757D;--text-muted:#9098A0;--text-inverse:#FFFFFF;--background:#FFFFFF;--surface:#F8F9FA;--border:#E9ECEF;--success:#28A745;--warning:#FFC107;--error:#DC3545;--info:#17A2B8;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-base:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-lg)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-lg);color:var(--text-primary);line-height:var(--line-height-normal)}.text-muted{color:var(--text-muted) !important}.text-secondary{color:var(--text-secondary) !important}.btn{font-weight:var(--font-weight-medium);border-radius:8px;padding:12px 24px;font-size:var(--font-size-base);line-height:var(--line-height-tight);border:2px solid transparent;transition:all 0.15s ease-in-out;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm)}.btn-primary{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--text-inverse);transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,117,189,0.3)}.btn-secondary{background-color:transparent;color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{background-color:var(--surface);color:var(--text-primary);border-color:var(--text-muted)}.btn-accent{background-color:var(--color-accent);color:var(--text-inverse);border-color:var(--color-accent)}.btn-accent:hover{background-color:var(--color-accent-dark);border-color:var(--color-accent-dark);color:var(--text-inverse);transform:translateY(-1px);box-shadow:0 4px 12px rgba(247,44,147,0.3)}.btn-light{background-color:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary)}.btn-light:hover{background-color:var(--text-secondary);color:var(--text-inverse);border-color:var(--text-secondary)}.btn-outline-light{background-color:transparent;color:var(--text-primary);border-color:var(--text-primary)}.btn-outline-light:hover{background-color:var(--text-primary);color:var(--text-inverse)}.form-control{border:2px solid var(--border);border-radius:8px;padding:12px 16px;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--background);transition:all 0.15s ease-in-out}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(15,117,189,0.1);outline:none}.form-label{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-sm)}.card{border:1px solid var(--border);border-radius:12px;background-color:var(--background);box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:all 0.15s ease-in-out}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15);transform:translateY(-2px)}.card-header{background-color:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-lg);font-weight:var(--font-weight-semibold)}.card-body{padding:var(--space-xl)}.navbar{background-color:var(--background);border-bottom:1px solid var(--border);padding:var(--space-lg) 0}.navbar-brand{font-weight:var(--font-weight-bold);color:var(--text-primary);font-size:var(--font-size-xl)}.nav-link{color:var(--text-primary);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);border-radius:6px;transition:all 0.15s ease-in-out}.nav-link:hover{color:var(--color-primary);background-color:var(--surface)}.hero-section{padding:var(--space-5xl) 0;text-align:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:var(--text-inverse)}.hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xl);line-height:var(--line-height-tight)}.hero-subtitle{font-size:var(--font-size-lg);margin-bottom:var(--space-2xl);opacity:0.9;line-height:var(--line-height-relaxed)}@media (max-width:768px){.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-base)}.btn{width:100%;margin-bottom:var(--space-sm)}.card-body{padding:var(--space-lg)}}*:focus{outline:3px solid var(--color-primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:var(--text-primary);color:var(--text-inverse);padding:8px;text-decoration:none;border-radius:4px;z-index:1000}.skip-link:focus{top:6px}@media (prefers-contrast:high){.btn{border-width:3px}.card{border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.site-apps .hero-section{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%)}.site-datemetrix{--color-primary:#673AB7;--color-primary-dark:#512DA8}.site-datemetrix .hero-section{background:linear-gradient(135deg,#673AB7 0%,#9C27B0 100%)}.site-genepool{--color-primary:#00897B;--color-primary-dark:#00695C}.site-genepool .hero-section{background:linear-gradient(135deg,#00897B 0%,#4DB6AC 100%)}.site-wellmatched{--color-primary:#1976D2;--color-primary-dark:#1565C0}.site-wellmatched .hero-section{background:linear-gradient(135deg,#1976D2 0%,#42A5F5 100%)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-base)}.mt-4{margin-top:var(--space-lg)}.mt-5{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-base)}.mb-4{margin-bottom:var(--space-lg)}.mb-5{margin-bottom:var(--space-xl)}.p-0{padding:0}.p-1{padding:var(--space-xs)}.p-2{padding:var(--space-sm)}.p-3{padding:var(--space-base)}.p-4{padding:var(--space-lg)}.p-5{padding:var(--space-xl)}.fw-normal{font-weight:var(--font-weight-normal)}.fw-medium{font-weight:var(--font-weight-medium)}.fw-semibold{font-weight:var(--font-weight-semibold)}.fw-bold{font-weight:var(--font-weight-bold)}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.shadow-sm{box-shadow:0 1px 3px rgba(0,0,0,0.1)}.shadow{box-shadow:0 4px 6px rgba(0,0,0,0.1)}.shadow-lg{box-shadow:0 10px 15px rgba(0,0,0,0.1)}.transition-all{transition:all 0.15s ease-in-out}.transition-colors{transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out}.transition-transform{transition:transform 0.15s ease-in-out}.hover-lift:hover{transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.02)}@media print{.btn,.navbar,.hero-section{display:none}body{font-size:12pt;line-height:1.5;color:black;background:white}h1,h2,h3,h4,h5,h6{color:black;page-break-after:avoid}.card{border:1px solid black;box-shadow:none}}:root{--steve-jobs-color-saturation:1;--steve-jobs-color-contrast:1;--steve-jobs-font-scale:1;--steve-jobs-emotional-brightness:1;--steve-jobs-emotional-warmth:1;--steve-jobs-emotional-calm:0;--steve-jobs-animation-energy:1;--steve-jobs-immersion-level:0.2;--steve-jobs-spatial-depth:0;--steve-jobs-reality-blur:0;--steve-jobs-animation-speed:1;--steve-jobs-transition-duration:0.3s}[data-reality-mode="traditional-2d"]{--steve-jobs-spatial-depth:0;--steve-jobs-reality-blur:0}[data-reality-mode="immersive-2d"]{--steve-jobs-spatial-depth:5px;--steve-jobs-reality-blur:0.5px}[data-reality-mode="immersive-2d"] .card,[data-reality-mode="immersive-2d"] .btn{transform:perspective(1000px) translateZ(var(--steve-jobs-spatial-depth));transition:transform calc(var(--steve-jobs-transition-duration) * var(--steve-jobs-animation-speed)) ease-out}[data-reality-mode="mobile-ar"]{--steve-jobs-spatial-depth:10px;--steve-jobs-reality-blur:1px}[data-reality-mode="augmented-reality"],[data-reality-mode="virtual-reality"],[data-reality-mode="mixed-reality"]{--steve-jobs-spatial-depth:20px;--steve-jobs-reality-blur:2px}.steve-jobs-reality-traditional-2d,.steve-jobs-reality-immersive-2d,.steve-jobs-reality-mobile-ar,.steve-jobs-reality-augmented-reality,.steve-jobs-reality-virtual-reality,.steve-jobs-reality-mixed-reality{transition:all calc(var(--steve-jobs-transition-duration) * var(--steve-jobs-animation-speed)) ease-in-out}.steve-jobs-quantum-harmony-optimized{filter:saturate(var(--steve-jobs-color-saturation)) contrast(var(--steve-jobs-color-contrast))}.steve-jobs-emotional-enhancement{filter:brightness(var(--steve-jobs-emotional-brightness)) sepia(calc(var(--steve-jobs-emotional-warmth) - 1)) hue-rotate(calc(var(--steve-jobs-emotional-calm) * 30deg));transition:filter 2s ease-in-out}.steve-jobs-reassurance-mode{--steve-jobs-animation-speed:0.5;--steve-jobs-transition-duration:0.5s}.steve-jobs-reassurance-mode .btn-primary{box-shadow:0 0 20px rgba(var(--bs-success-rgb),0.3)}.steve-jobs-reassurance-mode .form-control:focus{border-color:var(--bs-success);box-shadow:0 0 0 0.25rem rgba(var(--bs-success-rgb),0.25)}.steve-jobs-simplified{--steve-jobs-animation-speed:0.3}.steve-jobs-simplified .non-essential{opacity:0.6;filter:grayscale(0.3)}.steve-jobs-simplified .card{border:2px solid var(--bs-border-color)}[style*="--steve-jobs-animation-energy:1.5"] .btn{transition:all calc(0.2s / var(--steve-jobs-animation-energy)) ease-out}[style*="--steve-jobs-animation-energy:1.5"] .btn:hover{transform:scale(1.05) translateY(-2px)}[style*="--steve-jobs-animation-energy:0.5"] *{animation-duration:calc(var(--animation-duration,1s) * 2)}.steve-jobs-complex-animations *{transition-timing-function:cubic-bezier(0.68,-0.55,0.265,1.55)}.steve-jobs-complex-animations .card:hover{animation:quantumPulse 2s ease-in-out infinite}@keyframes quantumPulse{0%,100%{transform:scale(1);box-shadow:0 4px 6px rgba(0,0,0,0.1)}50%{transform:scale(1.02);box-shadow:0 8px 12px rgba(0,0,0,0.15)}}.steve-jobs-simple-animations *{transition-timing-function:ease;animation:none !important}.steve-jobs-accessibility-enhanced{font-size:calc(1rem * var(--steve-jobs-font-scale))}.steve-jobs-accessibility-enhanced .btn,.steve-jobs-accessibility-enhanced .form-control{min-height:48px;font-size:inherit}[data-high-contrast="true"]{filter:contrast(1.5)}[data-high-contrast="true"] .text-muted{color:var(--bs-dark) !important;opacity:0.9}.reality-transition-fade{animation:realityFade 1s ease-in-out}@keyframes realityFade{0%{opacity:1;filter:blur(0)}50%{opacity:0.5;filter:blur(5px)}100%{opacity:1;filter:blur(0)}}.spatial-element{transform-style:preserve-3d;backface-visibility:hidden}.spatial-element:hover{transform:perspective(1000px) rotateY(5deg) translateZ(10px)}[data-density="dense"]{--bs-gutter-x:0.5rem;--bs-gutter-y:0.5rem}[data-density="dense"] .card{padding:0.75rem}[data-density="spacious"]{--bs-gutter-x:2rem;--bs-gutter-y:2rem}[data-density="spacious"] .card{padding:2rem}.steve-jobs-neural-fallback,.steve-jobs-quantum-fallback,.steve-jobs-predictive-fallback,.steve-jobs-color-fallback,.steve-jobs-reality-fallback,.steve-jobs-biometric-fallback,.steve-jobs-integration-fallback,.steve-jobs-validation-fallback{animation:none !important;transition:all 0.3s ease !important;filter:none !important}.steve-jobs-quantum-harmony-optimized,.steve-jobs-emotional-enhancement,.spatial-element{will-change:transform,filter;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.steve-jobs-complex-animations *{animation:none !important}}[data-theme="dark"]{--steve-jobs-emotional-brightness:0.9;--steve-jobs-color-saturation:0.9;--steve-jobs-color-contrast:1.1}[data-theme="dark"] .steve-jobs-quantum-harmony-optimized{filter:saturate(var(--steve-jobs-color-saturation)) contrast(var(--steve-jobs-color-contrast)) brightness(0.95)}@media print{.steve-jobs-reality-engine,.steve-jobs-biometric-intelligence,[data-reality-mode]{display:none !important}*{filter:none !important;animation:none !important}}