@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- econdary:#f72c93;--color- econdary-light:#ff6bb3;--color- econdary-dark:#d91872;--color- econdary-rgb:247,44,147;--color-accent:#7c4dff;--color- ucce :#4caf50;--color- ucce -light:#81c784;--color- ucce -dark:#388e3c;--color- ucce -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- econdary:var(--color-gray-600);--color-text-muted:var(--color-gray-500);--color-text-inver e:var(--color-white);--color-background:var(--color-white);--color-background-alt:var(--color-gray-50);--color- urface:var(--color-white);--color- urface-elevated:var(--color-white);--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color- econdary) 100%);--gradient- econdary:linear-gradient(135deg,var(--color- econdary) 0%,var(--color-accent) 100%);--gradient- ucce :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- y tem,BlinkMacSy temFont,"Segoe UI",Roboto, an - erif;--font- econdary:"Poppin ",var(--font-primary);--font-mono:"SF Mono",Monaco,"Ca cadia Code",mono pace;--font- ize-md:1.125rem;--font- ize-4xl:4.209rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight- emibold:600;--font-weight-bold:700;--font-weight-black:900;--line-height-tight:1.25;--line-height- nug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loo e:2;--letter- pacing-tighter:-0.05em;--letter- pacing-tight:-0.025em;--letter- pacing-normal:0;--letter- pacing-wide:0.025em;--letter- pacing-wider:0.05em;--letter- pacing-wide t:0.1em;-- pace-unit:0.5rem;-- pace-xx :calc(var(-- pace-unit)*0.5);-- pace-x :var(-- pace-unit);-- pace- m:calc(var(-- pace-unit)*1.5);-- pace-md:calc(var(-- pace-unit)*2);-- pace-lg:calc(var(-- pace-unit)*3);-- pace-xl:calc(var(-- pace-unit)*4);-- pace-2xl:calc(var(-- pace-unit)*6);-- pace-3xl:calc(var(-- pace-unit)*8);-- pace-4xl:calc(var(-- pace-unit)*12);-- pace-5xl:calc(var(-- pace-unit)*16);-- pace-inline:var(-- pace-md);-- pace- tack:var(-- pace-lg);-- pace- ection:var(-- pace-4xl);-- pace-gutter:var(-- pace-lg);--container- m:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--breakpoint-x :0;--breakpoint- m:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-2xl:1400px;--grid-column :12;--grid-gutter:var(-- pace-lg);--radiu -none:0;--radiu - m:0.25rem;--radiu -md:0.5rem;--radiu -lg:0.75rem;--radiu -xl:1rem;--radiu -2xl:1.5rem;--radiu -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-focu :var(--color-primary);-- hadow-x :0 1px 2px rgba(0,0,0,.05);-- hadow- m:0 2px 4px rgba(0,0,0,.06);-- hadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -1px rgba(0,0,0,.03);-- hadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.02);-- hadow-xl:0 20px 25px -5px rgba(0,0,0,.08),0 10px 10px -5px rgba(0,0,0,.02);-- hadow-2xl:0 25px 50px -12px rgba(0,0,0,.15);-- hadow-primary:0 4px 14px 0 rgba(15,117,189,.3);-- hadow- econdary:0 4px 14px 0 rgba(247,44,147,.3);-- hadow-inner:in et 0 2px 4px 0 rgba(0,0,0,.06);-- hadow-inner-lg:in et 0 4px 8px 0 rgba(0,0,0,.08);--ea e-linear:linear;--ea e-in:cubic-bezier(0.4,0,1,1);--ea e-out:cubic-bezier(0,0,0.2,1);--ea e-in-out:cubic-bezier(0.4,0,0.2,1);--ea e-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--tran ition-default:all var(--duration-normal) var(--ea e-in-out);--tran ition-fa t:all var(--duration-fa t) var(--ea e-in-out);--tran ition- low:all var(--duration- low) var(--ea e-in-out);--z-negative:-1;--z-ba e:0;--z-dropdown:1000;--z- ticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-notification:1080;--button-padding-x:var(-- pace-lg);--button-padding-y:var(-- pace- m);--button-font-weight:var(--font-weight-medium);--button-border-radiu :var(--radiu -md);--button-tran ition:var(--tran ition-fa t);--card-padding:var(-- pace-lg);--card-radiu :var(--radiu -lg);--card- hadow:var(-- hadow-md);--card- hadow-hover:var(-- hadow-lg);--input-padding-x:var(-- pace-md);--input-padding-y:var(-- pace- m);--input-border-radiu :var(--radiu -md);--input-border-color:var(--border-color);--input-focu -color:var(--color-primary);--input-focu - hadow:0 0 0 3px rgba(var(--color-primary-rgb),0.1);--nav-height:64px;--nav-background:h la(0,0%,100%,.95);--nav-backdrop-filter:blur(10px);--modal-backdrop:rgba(0,0,0,.5);--modal-radiu :var(--radiu -xl);--modal- hadow:var(-- hadow-2xl);-- pring-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);-- pring-wobbly:cubic-bezier(0.18,0.89,0.32,1.28);-- pring-gentle:cubic-bezier(0.25,0.46,0.45,0.94);--duration-quick:200m ;--duration- mooth:400m ;--duration-lei urely:800m ;--tran ition- pring:all var(--duration- mooth) var(-- pring-wobbly);--gradient-brand:linear-gradient(135deg,var(--color-primary) 0%,var(--color- econdary) 100%);--gradient- ucce -vibrant:linear-gradient(135deg,var(--color- ucce ) 0%,var(--color- ucce -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- ubtle:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%);--gradient- urface:linear-gradient(135deg,var(--color-white) 0%,var(--color-gray-50) 100%);--gradient-hero:linear-gradient(135deg,var(--color-primary) 0%,var(--color- econdary) 50%,var(--color-accent) 100%);--gradient-hero-dark:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-800) 100%);-- hadow-primary-light:0 4px 14px 0 rgba(var(--color-primary-rgb),0.15);-- hadow- econdary-light:0 4px 14px 0 rgba(var(--color- econdary-rgb),0.15);-- hadow-gla -hover:0 16px 48px 0 rgba(31,38,135,.25);--button-padding- m:var(-- pace-x ) var(-- pace-md);--button-padding-lg:var(-- pace-md) var(-- pace-xl);--button-height- m:32px;--button-height-md:40px;--button-height-lg:48px;--card-padding- m:var(-- pace-md);--card-padding-lg:var(-- pace-xl);--card-gap:var(-- pace-lg);--nav-height- m:56px;--nav-height-lg:72px;--nav-padding:var(-- pace-md) var(-- pace-lg);--input-height:48px;--input-height- m:36px;--input-height-lg:56px;--label-font- ize:var(--font- ize- m);--helper-font- ize:var(--font- ize-x );--dna-helix-primary:#3b82f6;--dna-helix- econdary:#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- cience:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-luxury:linear-gradient(135deg,#ffecd2,#fcb69f);--dna-rotation- peed:20 ;--helix-pul e- peed:3 ;--data-flow- peed:2 ;--icon-x :12px;--icon- m:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--icon-2xl:48px;--icon-3xl:64px;--icon-primary:var(--color-primary);--icon- econdary:var(--color- econdary);--icon-muted:var(--color-text- econdary);--icon-inver e:var(--color-white);--icon- ucce :var(--color- ucce );--icon-warning:var(--color-warning);--icon-danger:var(--color-danger);--icon-info:var(--color-info);--text-di play: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- m:0.875rem;--text-caption:0.75rem;--text-overline:0.625rem;--line-height-di play:0.95;--line-height-hero:1.1;--line-height-heading:1.25;--line-height-body:1.6;--line-height-caption:1.4;--letter- pacing-di play:-0.025em;--letter- pacing-hero:-0.02em;--letter- pacing-heading:-0.01em;--letter- pacing-body:0;--letter- pacing-caption:0.025em;--letter- pacing-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- econdary-50:#fef0f7;--color- econdary-100:#fcc2e0;--color- econdary-200:#fa94ca;--color- econdary-300:#f866b3;--color- econdary-400:#f6389c;--color- econdary-500:#f72c93;--color- econdary-600:#d41f7a;--color- econdary-700:#b11661;--color- econdary-800:#8e0d48;--color- econdary-900:#6b042f;--gradient-dawn:linear-gradient(135deg,#ff9a9e,#fad0c4);--gradient- un et:linear-gradient(135deg,#fa709a,#fee140);--gradient-ocean:linear-gradient(135deg,#667eea,#764ba2);--gradient-fore t:linear-gradient(135deg,#11998e,#38ef7d);--gradient-royal:linear-gradient(135deg,#667db6,#0082c8);--gradient-ro e:linear-gradient(135deg,#f093fb,#f5576c);--gradient-dna-helix:linear-gradient(45deg,var(--color-primary) 0%,var(--color- econdary) 25%,var(--color-accent) 50%,var(--color- econdary) 75%,var(--color-primary) 100%);--gradient-genetic:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);--gla -bg-light:h la(0,0%,100%,.08);--gla -bg-dark:rgba(0,0,0,.08);--gla -border:h la(0,0%,100%,.2);--gla -backdrop:blur(20px);-- hadow-01:0 1px 2px 0 rgba(0,0,0,.05);-- hadow-02:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);-- hadow-03:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);-- hadow-04:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);-- hadow-05:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);-- hadow-06:0 25px 50px -12px rgba(0,0,0,.25);-- hadow-primary- oft:0 4px 14px 0 rgba(var(--color-primary-rgb),0.15);-- hadow-primary-medium:0 8px 28px 0 rgba(var(--color-primary-rgb),0.25);-- hadow-primary- trong:0 16px 48px 0 rgba(var(--color-primary-rgb),0.35);-- hadow- econdary- oft:0 4px 14px 0 rgba(var(--color- econdary-rgb),0.15);-- hadow- econdary-medium:0 8px 28px 0 rgba(var(--color- econdary-rgb),0.25);-- hadow- econdary- trong:0 16px 48px 0 rgba(var(--color- econdary-rgb),0.35);-- hadow-hover:0 12px 24px -8px rgba(0,0,0,.15);-- hadow-active:0 2px 4px -1px rgba(0,0,0,.08);-- hadow-focu :0 0 0 4px rgba(var(--color-primary-rgb),0.12);-- hadow-inner- oft:in et 0 1px 3px 0 rgba(0,0,0,.05);-- hadow-inner- trong:in et 0 2px 8px 0 rgba(0,0,0,.1);-- hadow-gla :0 8px 32px 0 rgba(31,38,135,.12);--ea e- mooth:cubic-bezier(0.25,0.46,0.45,0.94);--ea e-bounce-in:cubic-bezier(0.6,0.04,0.98,0.335);--ea e-bounce-out:cubic-bezier(0.175,0.885,0.32,1.275);--ea e-back-in:cubic-bezier(0.6,-0.28,0.735,0.045);--ea e-back-out:cubic-bezier(0.175,0.885,0.32,1.275);--ea e-ela tic-out:cubic-bezier(0.68,-0.55,0.265,1.55);--duration-in tant:0m ;--duration-micro:75m ;--duration-fa t:150m ;--duration-normal:250m ;--duration-medium:400m ;--duration- low:600m ;--duration- lower:900m ;--duration- lowe t:1200m ;--tran ition- mooth:all var(--duration-normal) var(--ea e- mooth);--tran ition-bounce:all var(--duration-medium) var(--ea e-bounce-out);--tran ition-ela tic:all var(--duration- low) var(--ea e-ela tic-out);--tran ition-micro:all var(--duration-micro) var(--ea e-out);--font- ize-x :clamp(0.75rem,0.5vw+0.65rem,0.875rem);--font- ize- m:clamp(0.875rem,0.5vw+0.775rem,1rem);--font- ize-ba e:clamp(1rem,1vw+0.75rem,1.125rem);--font- ize-lg:clamp(1.125rem,1.5vw+0.75rem,1.375rem);--font- ize-xl:clamp(1.25rem,2vw+0.75rem,1.75rem);--font- ize-2xl:clamp(1.5rem,3vw+0.75rem,2.25rem);--font- ize-3xl:clamp(1.875rem,4vw+0.75rem,3rem);-- pacing-x :clamp(0.25rem,0.5vw+0.125rem,0.5rem);-- pacing- m:clamp(0.5rem,1vw+0.25rem,0.75rem);-- pacing-md:clamp(0.75rem,1.5vw+0.375rem,1.25rem);-- pacing-lg:clamp(1rem,2vw+0.5rem,1.75rem);-- pacing-xl:clamp(1.5rem,3vw+0.75rem,2.5rem);-- pacing-2xl:clamp(2rem,4vw+1rem,3.5rem)}@media(prefer -color- cheme:dark){:root{--color-background:var(--color-gray-900);--color- urface:var(--color-gray-800);--color-text-primary:var(--color-gray-50);--color-text- econdary:var(--color-gray-300);--border-color:var(--color-gray-700)}}[data- ite=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- ite=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- ite=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- ite=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- ite=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{-- pace- ection:var(-- pace-3xl);--card-padding:var(-- pace-md);--nav-height:var(--nav-height- m);--font- ize-4xl:2.5rem;--font- ize-3xl:2rem;--font- ize-2xl:1.75rem}}@media(min-width:1200px){:root{-- pace- ection:calc(var(-- pace-4xl)+var(-- pace-lg));--card-padding:var(-- pace-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-radiu -token{border-radiu :var(--radiu -md)!important}. hadow-token{box- hadow:var(-- hadow-md)!important}. hadow-hover-token{box- hadow:var(-- hadow-hover)!important}:export{primaryColor:var(--color-primary);econdaryColor:var(--color- econdary);breakpointMd:var(--breakpoint-md);breakpointLg:var(--breakpoint-lg);durationNormal:var(--duration-normal);pringBounce:var(-- pring-bounce);hadowPrimary:var(-- hadow-primary)}*{box- izing:border-box}:focu{outline:none}:focu -vi ible{border-radiu :var(--radiu - m);outline:2px  olid var(--b -primary);outline-off et:2px}html{font- ize:16px;height:100%;croll-behavior:mooth;croll-padding-top:var(--nav-height)}@media(prefer -reduced-motion:reduce){*,:after,:before{animation-duration:.01m !important;animation-iteration-count:1!important;croll-behavior:auto!important;tran ition-duration:.01m !important}}.btn-world-cla{align-item :center;border:none;border-radiu :var(--btn-border-radiu );cur or:pointer;di play:inline-flex;font-family:var(--font-family-ba e);font- ize:var(--text-ba e);font-weight:var(--btn-font-weight);gap:var(-- pace-x );ju tify-content:center;line-height:1;min-height:44px;min-width:44px;overflow:hidden;padding:var(--btn-padding-y) var(--btn-padding-x);po ition:relative;text-decoration:none;tran form-origin:center;tran ition:var(--btn-tran ition);white- pace:nowrap}.btn-world-cla :before{background:h la(0,0%,100%,.5);border-radiu :50%;content:"";height:0;left:50%;po ition:ab olute;top:50%;tran form:tran late(-50%,-50%);tran ition:width var(--duration- low),height var(--duration- low);width:0}.btn-world-cla :hover{box- hadow:var(-- hadow-lg);tran form:tran lateY(-2px)}.btn-world-cla :active{tran form:tran lateY(0);tran ition-duration:var(--duration-in tant)}.btn-world-cla :active:before{height:300px;width:300px}.btn-world-cla .btn-primary{background-color:var(--color-primary-500);color:#fff}.btn-world-cla .btn-primary:hover{background-color:var(--color-primary-600)}.btn-world-cla .btn- econdary{background-color:var(--color-gray-200);color:var(--color-gray-800)}.btn-world-cla .btn- econdary:hover{background-color:var(--color-gray-300)}.btn-world-cla .btn-gho t{background-color:tran parent;color:var(--color-primary-500)}.btn-world-cla .btn-gho t:hover{background-color:rgba(var(--color-primary-500),.1)}.btn-world-cla .btn- m{font- ize:var(--text- m);padding:var(-- pace-x ) var(-- pace-md)}.btn-world-cla .btn-lg{font- ize:var(--text-lg);padding:var(-- pace-md) var(-- pace-xl)}.btn-world-cla .btn-loading{color:tran parent}.btn-world-cla .btn-loading:after{animation:btn-loading- pin 1  ea e infinite;border:2px  olid tran parent;border-radiu :50%;border-top-color:currentcolor;content:"";height:20px;margin:auto;po ition:ab olute;width:20px}@keyframe  btn-loading- pin{to{tran form:rotate(1turn)}}.form-field-world-cla{margin-bottom:var(-- pace-lg);po ition:relative}.form-field-world-cla  input,.form-field-world-cla   elect,.form-field-world-cla  textarea{background-color:#fff;border:var(--form-field-border-width)  olid var(--form-field-border-color);border-radiu :var(--form-field-border-radiu );color:var(--color-gray-900);font-family:var(--font-family-ba e);font- ize:var(--text-ba e);line-height:var(--line-height-normal);min-height:44px;padding:var(--form-field-padding-y) var(--form-field-padding-x);tran ition:all var(--duration-fa t) var(--ea ing-default);width:100%}.form-field-world-cla  input:focu ,.form-field-world-cla   elect:focu ,.form-field-world-cla  textarea:focu{border-color:var(--form-field-focu -color);box- hadow:var(--form-field-focu - hadow)}.form-field-world-cla  input:valid,.form-field-world-cla   elect:valid,.form-field-world-cla  textarea:valid{border-color:var(--color- ucce )}.form-field-world-cla  input:invalid:not(:-moz-placeholder),.form-field-world-cla   elect:invalid:not(:-moz-placeholder),.form-field-world-cla  textarea:invalid:not(:-moz-placeholder){border-color:var(--color-error)}.form-field-world-cla  input:invalid:not(:placeholder- hown),.form-field-world-cla   elect:invalid:not(:placeholder- hown),.form-field-world-cla  textarea:invalid:not(:placeholder- hown){border-color:var(--color-error)}.form-field-world-cla  input:di abled,.form-field-world-cla   elect:di abled,.form-field-world-cla  textarea:di abled{background-color:var(--color-gray-100);cur or:not-allowed;opacity:.6}.form-field-world-cla  label{background-color:#fff;color:var(--color-gray-500);font- ize:var(--text-ba e);left:var(--form-field-padding-x);padding:0 var(-- pace-2x );pointer-event :none;po ition:ab olute;top:50%;tran form:tran lateY(-50%);tran ition:all var(--duration-fa t) var(--ea ing-default)}.form-field-world-cla  input:not(:-moz-placeholder)~label,.form-field-world-cla  textarea:not(:-moz-placeholder)~label{color:var(--form-field-focu -color);font- ize:var(--text- m);top:0}.form-field-world-cla  input:focu ~label,.form-field-world-cla  input:not(:placeholder- hown)~label,.form-field-world-cla   elect:focu ~label,.form-field-world-cla   elect:valid~label,.form-field-world-cla  textarea:focu ~label,.form-field-world-cla  textarea:not(:placeholder- hown)~label{color:var(--form-field-focu -color);font- ize:var(--text- m);top:0}.form-field-world-cla  .form-help{color:var(--color-gray-600);font- ize:var(--text- m);margin-top:var(-- pace-x )}.form-field-world-cla  .form-error{color:var(--color-error);di play:none;font- ize:var(--text- m);margin-top:var(-- pace-x )}.form-field-world-cla .ha -error input,.form-field-world-cla .ha -error  elect,.form-field-world-cla .ha -error textarea{border-color:var(--color-error)}.form-field-world-cla .ha -error .form-error{di play:block}.form-field-world-cla .ha - ucce  input,.form-field-world-cla .ha - ucce   elect,.form-field-world-cla .ha - ucce  textarea{border-color:var(--color- ucce )}.pa word- trength{di play:grid;gap:var(-- pace-2x );grid-template-column :repeat(4,1fr);height:4px;margin-top:var(-- pace-x )}.pa word- trength . trength-bar{background:var(--color-gray-300);border-radiu :var(--radiu -full);tran ition:background var(--duration-fa t) var(--ea ing-default)}.pa word- trength[data- trength=weak] . trength-bar:fir t-child{background:var(--color-error)}.pa word- trength[data- trength=fair] . trength-bar:nth-child(-n+2){background:var(--color-warning)}.pa word- trength[data- trength=good] . trength-bar:nth-child(-n+3){background:var(--color-info)}.pa word- trength[data- trength= trong] . trength-bar{background:var(--color- ucce )}.card-world-cla{background:#fff;border-radiu :var(--card-border-radiu );box- hadow:var(--card- hadow);cur or:pointer;padding:var(--card-padding);po ition:relative;tran ition:all var(--duration-normal) var(--ea ing-default)}.card-world-cla :before{border-radiu :inherit;bottom:0;box- hadow:var(--card- hadow-hover);content:"";left:0;opacity:0;po ition:ab olute;right:0;top:0;tran ition:opacity var(--duration-normal) var(--ea ing-default)}.card-world-cla :hover{tran form:tran lateY(-4px)}.card-world-cla :hover:before{opacity:1}.card-world-cla  .card-header{margin-bottom:var(-- pace-md)}.card-world-cla  .card-header h3{color:var(--color-gray-900);font- ize:var(--text-xl);font-weight:var(--font-weight- emibold);margin:0}.card-world-cla  .card-body{color:var(--color-gray-600);line-height:var(--line-height-relaxed)}.card-world-cla  .card-footer{border-top:1px  olid var(--color-gray-200);margin-top:var(-- pace-lg);padding-top:var(-- pace-md)}. keleton{animation:keleton-loading 1.5  ea e-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- ize:400% 100%;border-radiu :var(--radiu -md);overflow:hidden;po ition:relative}. keleton:after{animation:keleton- himmer 2  infinite;background:linear-gradient(90deg,tran parent,h la(0,0%,100%,.4) 50%,tran parent);bottom:0;content:"";left:0;po ition:ab olute;right:0;top:0;tran form:tran lateX(-100%)}. keleton. keleton-text{border-radiu :var(--radiu - m);height:1em}. keleton. keleton-title{border-radiu :var(--radiu - m);height:1.5em;width:50%}. keleton. keleton-button{border-radiu :var(--radiu -full);height:44px;width:120px}. keleton. keleton-avatar{border-radiu :var(--radiu -full);height:48px;width:48px}.pul e-loader{di play:inline-block;height:40px;width:40px}.pul e-loader:after{animation:pul e- pin 1.2  linear infinite;border:3px  olid var(--color-primary-500);border-color:var(--color-primary-500) tran parent var(--color-primary-500) tran parent;border-radiu :50%;content:" ";di play:block;height:32px;margin:4px;width:32px}@keyframe  pul e- pin{0%{tran form:rotate(0deg)}to{tran form:rotate(1turn)}}.nav-world-cla{background:#fff;box- hadow:var(-- hadow- m);height:var(--nav-height);po ition:ticky;top:0;z-index:var(--z-index- ticky)}.nav-world-cla  .nav-container{align-item :center;di play:flex;height:100%;ju tify-content:pace-between;margin:0 auto;max-width:var(--container-7xl);padding:0 var(-- pace-lg)}.nav-world-cla  .nav-brand{align-item :center;color:var(--color-gray-900);di play:flex;font- ize:var(--text-xl);font-weight:var(--font-weight-bold);gap:var(-- pace- m);text-decoration:none}.nav-world-cla  .nav-menu{align-item :center;di play:flex;gap:var(-- pace-x );li t- tyle:none;margin:0;padding:0}.nav-world-cla  .nav-item a{align-item :center;border-radiu :var(--radiu -md);color:var(--color-gray-600);di play:flex;padding:var(--nav-item-padding-y) var(--nav-item-padding-x);text-decoration:none;tran ition:all var(--duration-fa t) var(--ea ing-default)}.nav-world-cla  .nav-item a:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.nav-world-cla  .nav-item a.active{background-color:var(--color-primary-100);color:var(--color-primary-700)}.nav-world-cla  .nav-toggle{di play:none}@media(max-width:768px){.nav-world-cla  .nav-toggle{di play:block}.nav-world-cla  .nav-menu{align-item :tretch;background:#fff;box- hadow:var(-- hadow-xl);flex-direction:column;height:calc(100vh - var(--nav-height));left:-100%;padding:var(-- pace-lg);po ition:fixed;top:var(--nav-height);tran ition:left var(--duration-normal) var(--ea ing-default);width:100%}.nav-world-cla  .nav-menu.i -open{left:0}.nav-world-cla  .nav-item a{padding:var(-- pace-md);width:100%}}.modal-world-cla{align-item :center;background-color:var(--modal-backdrop-color);di play:flex;height:100%;ju tify-content:center;left:0;opacity:0;padding:var(-- pace-lg);po ition:fixed;top:0;tran ition:all var(--duration-normal) var(--ea ing-default);vi ibility:hidden;width:100%;z-index:var(--z-index-modal)}.modal-world-cla .i -open{opacity:1;vi ibility:vi ible}.modal-world-cla  .modal-content{background:#fff;border-radiu :var(--modal-border-radiu );box- hadow:var(--modal- hadow);max-height:90vh;max-width:var(--container-lg);overflow-y:auto;padding:var(--modal-padding);po ition:relative;tran form:cale(.9);tran ition:tran form var(--duration-normal) var(--ea ing-bounce);width:100%}.modal-world-cla .i -open .modal-content{tran form:cale(1)}.modal-world-cla  .modal-header{align-item :center;di play:flex;ju tify-content:pace-between;margin-bottom:var(-- pace-lg)}.modal-world-cla  .modal-header h2{font- ize:var(--text-2xl);font-weight:var(--font-weight-bold);margin:0}.modal-world-cla  .modal-clo e{align-item :center;background:tran parent;border:none;border-radiu :var(--radiu -full);cur or:pointer;di play:flex;height:40px;ju tify-content:center;padding:0;tran ition:all var(--duration-fa t) var(--ea ing-default);width:40px}.modal-world-cla  .modal-clo e:hover{background-color:var(--color-gray-100)}.animate- lide-up{animation:lideUp var(--duration-medium) var(--ea e-bounce-out) forward }.animate- lide-down{animation:lideDown var(--duration-normal) var(--ea ing-default) both}.animate- lide-left{animation:lideLeft var(--duration-normal) var(--ea ing-default) both}.animate- lide-right{animation:lideRight var(--duration-normal) var(--ea ing-default) both}@keyframe   lideDown{0%{opacity:0;tran form:tran lateY(-20px)}to{opacity:1;tran form:tran lateY(0)}}@keyframe   lideLeft{0%{opacity:0;tran form:tran lateX(20px)}to{opacity:1;tran form:tran lateX(0)}}@keyframe   lideRight{0%{opacity:0;tran form:tran lateX(-20px)}to{opacity:1;tran form:tran lateX(0)}}.animate-fade-in{animation:fadeIn var(--duration-medium) var(--ea e- mooth) forward }.animate- cale-in{animation:caleIn var(--duration-normal) var(--ea e-ela tic-out) forward }.animate-pul e{animation:pul e 2  var(--ea e- mooth) infinite}.vi ually-hidden{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;po ition:ab olute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white- pace:nowrap!important}. kip-link{background:var(--b -primary);border-radiu :0 0 4px 0;color:#fff;left:0;padding:8px;po ition:ab olute;text-decoration:none;top:-40px;tran ition:top var(--duration-fa t) var(--ea ing-default);z-index:9999}. kip-link:focu{top:0}.touch-target{po ition:relative}.touch-target:before{content:"";height:max(100%,44px);left:50%;po ition:ab olute;top:50%;tran form:tran late(-50%,-50%);width:max(100%,44px)}.container-query{container-type:inline- ize}.gpu-accelerated{tran form:tran lateZ(0);will-change:tran form}.content-vi ibility-auto{contain-intrin ic- ize:0 400px;content-vi ibility:auto}@keyframe  dna-helix-rotate{0%{tran form:rotateY(0deg)}to{tran form:rotateY(1turn)}}@keyframe  genetic-flow{0%{opacity:0;tran form:tran lateX(-100%)}50%{opacity:1}to{opacity:0;tran form:tran lateX(100%)}}@keyframe  data- tream{0%{opacity:0;tran form:tran lateY(100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;tran form:tran lateY(-100%)}}.dna-helix-container{height:200px;margin:0 auto;per pective:1000px;po ition:relative;width:120px}.dna-helix-container .dna-helix{animation:dna-helix-rotate var(--dna-rotation- peed) linear infinite;height:100%;po ition:relative;tran form- tyle:pre erve-3d;width:100%}.dna-helix-container .dna-helix .helix- trand{background:linear-gradient(to bottom,var(--dna-helix-primary),var(--dna-helix- econdary));border-radiu :2px;height:100%;po ition:ab olute;tran form-origin:center;width:4px}.dna-helix-container .dna-helix .helix- trand:fir t-child{tran form:rotateY(0deg) tran lateZ(40px)}.dna-helix-container .dna-helix .helix- trand:nth-child(2){tran form:rotateY(60deg) tran lateZ(40px)}.dna-helix-container .dna-helix .helix- trand:nth-child(3){tran form:rotateY(120deg) tran lateZ(40px)}.dna-helix-container .dna-helix .helix- trand:nth-child(4){tran form:rotateY(180deg) tran lateZ(40px)}.dna-helix-container .dna-helix .helix- trand:nth-child(5){tran form:rotateY(240deg) tran lateZ(40px)}.dna-helix-container .dna-helix .helix- trand:nth-child(6){tran form:rotateY(300deg) tran lateZ(40px)}.dna-helix-container .dna-helix .ba e-pair{animation:dna-pul e var(--helix-pul e- peed) ea e-in-out infinite;background:var(--dna-helix-tertiary);border-radiu :1px;height:2px;left:50%;po ition:ab olute;tran form:tran lateX(-50%);width:80px}.dna-helix-container .dna-helix .ba e-pair:nth-child(7){animation-delay:.2 ;top:18px}.dna-helix-container .dna-helix .ba e-pair:nth-child(8){animation-delay:.4 ;top:36px}.dna-helix-container .dna-helix .ba e-pair:nth-child(9){animation-delay:.6 ;top:54px}.dna-helix-container .dna-helix .ba e-pair:nth-child(10){animation-delay:.8 ;top:72px}.dna-helix-container .dna-helix .ba e-pair:nth-child(11){animation-delay:1 ;top:90px}.dna-helix-container .dna-helix .ba e-pair:nth-child(12){animation-delay:1.2 ;top:108px}.dna-helix-container .dna-helix .ba e-pair:nth-child(13){animation-delay:1.4 ;top:126px}.dna-helix-container .dna-helix .ba e-pair:nth-child(14){animation-delay:1.6 ;top:144px}.dna-helix-container .dna-helix .ba e-pair:nth-child(15){animation-delay:1.8 ;top:162px}.dna-helix-container .dna-helix .ba e-pair:nth-child(16){animation-delay:2 ;top:180px}.dna-helix-micro{di play:inline-block;height:32px;po ition:relative;width:24px}.dna-helix-micro:after,.dna-helix-micro:before{background:linear-gradient(45deg,var(--dna-helix-primary),var(--dna-helix- econdary));border-radiu :1px;content:"";height:100%;po ition:ab olute;width:2px}.dna-helix-micro:before{left:6px;tran form:rotate(-15deg)}.dna-helix-micro:after{right:6px;tran form:rotate(15deg)}.genetic-profile-card{backdrop-filter:blur(20px);background:linear-gradient(145deg,h la(0,0%,100%,.9),h la(0,0%,100%,.7));border:1px  olid h la(0,0%,100%,.2);border-radiu :24px;cur or:pointer;margin:16px 0;overflow:hidden;padding:32px;po ition:relative;tran ition:all .4  cubic-bezier(.25,.46,.45,.94)}.genetic-profile-card:before{background:var(--gradient-genetic);border-radiu :24px 24px 0 0;content:"";height:4px;left:0;po ition:ab olute;right:0;top:0}.genetic-profile-card:after{background:radial-gradient(circle,rgba(59,130,246,.1) 0,tran parent 70%);content:"";height:200%;left:-50%;opacity:0;pointer-event :none;po ition:ab olute;top:-50%;tran ition:opacity .4  ea e;width:200%}.genetic-profile-card:hover{box- hadow:0 32px 64px rgba(0,0,0,.15);tran form:tran lateY(-8px)}.genetic-profile-card:hover:after{opacity:1}.genetic-profile-card .profile-header{align-item :center;di play:flex;gap:20px;margin-bottom:24px}.genetic-profile-card .profile-header .profile-avatar{animation:compatibility-pul e 3  infinite;border:3px  olid var(--dna-helix-primary);border-radiu :50%;height:80px;overflow:hidden;po ition: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-item :center;background:var(--compatibility-excellent);border:3px  olid #fff;border-radiu :50%;bottom:-2px;color:#fff;di play:flex;font- ize:12px;font-weight:700;height:24px;ju tify-content:center;po ition:ab olute;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- econdary);font- ize:24px;font-weight:700;margin:0 0 8px}.genetic-profile-card .profile-header .profile-info .profile-meta{color:var(--color-gray-600);font- ize:16px;margin-bottom:12px}.genetic-profile-card .profile-header .profile-info .compatibility-badge{align-item :center;background:var(--gradient-genetic);border-radiu :20px;color:#fff;di play:inline-flex;font- ize: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{di play:grid;gap:16px;grid-template-column :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- econdary);font- ize:32px;font-weight:800;margin-bottom:4px}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-label{color:var(--color-gray-600);font- ize:14px;font-weight:500}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-bar{background:var(--color-gray-200);border-radiu :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-radiu :2px;height:100%;tran ition:width 1  ea e-out}.genetic-profile-card .genetic-trait  .trait -grid{di play:grid;gap:12px;grid-template-column :repeat(auto-fill,minmax(100px,1fr))}.genetic-profile-card .genetic-trait  .trait -grid .trait-pill{background:rgba(59,130,246,.1);border:1px  olid rgba(59,130,246,.2);border-radiu :20px;color:var(--dna-helix-primary);font- ize:14px;font-weight:500;padding:8px 16px;text-align:center;tran ition:all .3  ea e}.genetic-profile-card .genetic-trait  .trait -grid .trait-pill:hover{background:rgba(59,130,246,.2);tran form:tran lateY(-2px)}.genetic-profile-card .genetic-trait  .trait -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  olid var(--data-viz-grid);border-radiu :16px;margin:24px 0;padding:24px;po ition:relative}.genetic-data-viz .viz-header{align-item :center;di play:flex;ju tify-content:pace-between;margin-bottom:20px}.genetic-data-viz .viz-header h4{color:var(--color-gray-900);font- ize:18px;font-weight:600;margin:0}.genetic-data-viz .viz-header .viz-legend{di play:flex;gap:16px}.genetic-data-viz .viz-header .viz-legend .legend-item{align-item :center;di play:flex;font- ize:14px;gap:8px}.genetic-data-viz .viz-header .viz-legend .legend-item .legend-color{border-radiu :50%;height:12px;width:12px}.genetic-data-viz .compatibility-chart{background:repeating-linear-gradient(90deg,tran parent,tran parent 40px,var(--data-viz-grid) 40px,var(--data-viz-grid) 41px);height:200px;po ition:relative}.genetic-data-viz .compatibility-chart .chart-bar{background:var(--gradient-genetic);border-radiu :4px 4px 0 0;bottom:0;po ition:ab olute;tran ition:all .6  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- ize:14px;font-weight:600;left:50%;po ition:ab olute;top:-30px;tran form:tran lateX(-50%)}.genetic-data-viz .compatibility-chart .chart-bar:fir t-child{animation-delay:.1 ;left:20px}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(2){animation-delay:.2 ;left:100px}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(3){animation-delay:.3 ;left:180px}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(4){animation-delay:.4 ;left:260px}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(5){animation-delay:.5 ;left:340px}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(6){animation-delay:.6 ;left:420px}.genetic-data-viz .dna- equence-viz{align-item :center;di play:flex;height:60px;ju tify-content:center;margin:20px 0}.genetic-data-viz .dna- equence-viz . equence-ba e{align-item :center;animation:genetic-flow var(--data-flow- peed) ea e-in-out infinite;border-radiu :50%;color:#fff;di play:flex;font- ize:12px;font-weight:700;height:20px;ju tify-content:center;margin:0 2px;width:20px}.genetic-data-viz .dna- equence-viz . equence-ba e.adenine{background:#ff6b6b}.genetic-data-viz .dna- equence-viz . equence-ba e.thymine{background:#4ecdc4}.genetic-data-viz .dna- equence-viz . equence-ba e.guanine{background:#45b7d1}.genetic-data-viz .dna- equence-viz . equence-ba e.cyto ine{background:#96ceb4}.genetic-data-viz .dna- equence-viz . equence-ba e:fir t-child{animation-delay:.1 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(2){animation-delay:.2 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(3){animation-delay:.3 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(4){animation-delay:.4 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(5){animation-delay:.5 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(6){animation-delay:.6 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(7){animation-delay:.7 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(8){animation-delay:.8 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(9){animation-delay:.9 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(10){animation-delay:1 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(11){animation-delay:1.1 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(12){animation-delay:1.2 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(13){animation-delay:1.3 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(14){animation-delay:1.4 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(15){animation-delay:1.5 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(16){animation-delay:1.6 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(17){animation-delay:1.7 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(18){animation-delay:1.8 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(19){animation-delay:1.9 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(20){animation-delay:2 }.genetic-report-card{background:#fff;border-radiu :20px;box- hadow:0 20px 40px rgba(0,0,0,.1);margin:24px 0;overflow:hidden}.genetic-report-card .report-header{background:var(--gradient- cience);color:#fff;padding:32px;text-align:center}.genetic-report-card .report-header .report-title{font-family:var(--font- econdary);font- ize:28px;font-weight:800;margin-bottom:8px}.genetic-report-card .report-header .report- ubtitle{font- ize:16px;opacity:.9}.genetic-report-card .report-header .genetic- core{backdrop-filter:blur(10px);background:h la(0,0%,100%,.2);border-radiu :50px;di play:inline-block;margin-top:20px;padding:16px 32px}.genetic-report-card .report-header .genetic- core . core-value{font-family:var(--font- econdary);font- ize:48px;font-weight:900}.genetic-report-card .report-header .genetic- core . core-label{font- ize:14px;margin-top:4px;opacity:.8}.genetic-report-card .report- ection{padding:32px}.genetic-report-card .report- ection  .report- ection{margin-bottom:32px}.genetic-report-card .report- ection  .report- ection:la t-child{margin-bottom:0}.genetic-report-card .report- ection  .report- ection . ection-header{align-item :center;di play:flex;gap:12px;margin-bottom:20px}.genetic-report-card .report- ection  .report- ection . ection-header . ection-icon{align-item :center;background:var(--gradient-genetic);border-radiu :50%;color:#fff;di play:flex;font- ize:20px;height:40px;ju tify-content:center;width:40px}.genetic-report-card .report- ection  .report- ection . ection-header . ection-title{color:var(--color-gray-900);font- ize:20px;font-weight:700;margin:0}.genetic-report-card .report- ection  .report- ection .genetic-marker{di play:grid;gap:16px;grid-template-column :repeat(auto-fit,minmax(200px,1fr))}.genetic-report-card .report- ection  .report- ection .genetic-marker  .marker-item{background:rgba(59,130,246,.05);border:1px  olid rgba(59,130,246,.1);border-radiu :12px;padding:16px}.genetic-report-card .report- ection  .report- ection .genetic-marker  .marker-item .marker-name{color:var(--color-gray-900);font-weight:600;margin-bottom:8px}.genetic-report-card .report- ection  .report- ection .genetic-marker  .marker-item .marker-value{color:var(--color-gray-600);font- ize:14px;margin-bottom:12px}.genetic-report-card .report- ection  .report- ection .genetic-marker  .marker-item .compatibility-indicator{align-item :center;di play:flex;gap:8px}.genetic-report-card .report- ection  .report- ection .genetic-marker  .marker-item .compatibility-indicator .indicator-dot{border-radiu :50%;height:8px;width:8px}.genetic-report-card .report- ection  .report- ection .genetic-marker  .marker-item .compatibility-indicator .indicator-dot.excellent{background:var(--compatibility-excellent)}.genetic-report-card .report- ection  .report- ection .genetic-marker  .marker-item .compatibility-indicator .indicator-dot.good{background:var(--compatibility-good)}.genetic-report-card .report- ection  .report- ection .genetic-marker  .marker-item .compatibility-indicator .indicator-dot.fair{background:var(--compatibility-fair)}.genetic-report-card .report- ection  .report- ection .genetic-marker  .marker-item .compatibility-indicator .indicator-text{font- ize:12px;font-weight:600;letter- pacing:.5px;text-tran form:upperca e}.genetic-interaction-panel{backdrop-filter:blur(20px);background:linear-gradient(135deg,h la(0,0%,100%,.1),h la(0,0%,100%,.05));border:1px  olid h la(0,0%,100%,.2);border-radiu :24px;margin:24px 0;overflow:hidden;padding:32px;po ition:relative}.genetic-interaction-panel:before{background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.1) 0,tran parent 50%),radial-gradient(circle at 80% 20%,rgba(236,72,153,.1) 0,tran parent 50%),radial-gradient(circle at 40% 80%,rgba(16,185,129,.1) 0,tran parent 50%);bottom:0;content:"";left:0;pointer-event :none;po ition:ab olute;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- ize:28px;font-weight:800;margin-bottom:12px;-webkit-text-fill-color:tran parent;background-clip:text}.genetic-interaction-panel .genetic- lider{di play:grid;gap:24px}.genetic-interaction-panel .genetic- lider  . lider-group . lider-label{align-item :center;di play:flex;ju tify-content:pace-between;margin-bottom:12px}.genetic-interaction-panel .genetic- lider  . lider-group . lider-label .label-text{color:var(--color-gray-900);font-weight:600}.genetic-interaction-panel .genetic- lider  . lider-group . lider-label .label-value{color:var(--dna-helix-primary);font-weight:700}.genetic-interaction-panel .genetic- lider  . lider-group .genetic- lider{background:var(--color-gray-200);border-radiu :4px;cur or:pointer;height:8px;po ition:relative}.genetic-interaction-panel .genetic- lider  . lider-group .genetic- lider . lider-track{background:var(--gradient-genetic);border-radiu :4px;height:100%;po ition:ab olute;tran ition:width .3  ea e}.genetic-interaction-panel .genetic- lider  . lider-group .genetic- lider . lider-thumb{background:#fff;border:3px  olid var(--dna-helix-primary);border-radiu :50%;box- hadow:0 4px 8px rgba(0,0,0,.15);cur or:grab;height:20px;po ition:ab olute;top:-6px;tran ition:all .3  ea e;width:20px}.genetic-interaction-panel .genetic- lider  . lider-group .genetic- lider . lider-thumb:hover{box- hadow:0 6px 12px rgba(0,0,0,.25);tran form:cale(1.2)}.genetic-interaction-panel .genetic- lider  . lider-group .genetic- lider . lider-thumb:active{cur or:grabbing;tran form:cale(1.1)}.premium-genetic-card{background:linear-gradient(145deg,#fff,#f8fafc);border:2px  olid tran parent;border-radiu :32px;margin:32px 0;overflow:hidden;padding:40px;po ition:relative}.premium-genetic-card:before{background:var(--gradient-luxury);border-radiu :32px;content:"";in et:0;-webkit-ma k:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);ma k:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);ma k-compo ite:xor;-webkit-ma k-compo ite:xor;padding:2px;po ition:ab olute}.premium-genetic-card .premium-badge{background:var(--gradient-premium-dna);border-radiu :20px;box- hadow:0 8px 16px rgba(245,87,108,.3);color:#fff;font- ize:12px;font-weight:700;letter- pacing:1px;padding:8px 16px;po ition:ab olute;right:20px;text-tran form:upperca e;top:20px}.premium-genetic-card .luxury-metric{di play:grid;gap:24px;grid-template-column :repeat(auto-fit,minmax(150px,1fr));margin:32px 0}.premium-genetic-card .luxury-metric  .luxury-metric{background:rgba(59,130,246,.03);border-radiu :20px;padding:24px;text-align:center;tran ition:all .4  ea e}.premium-genetic-card .luxury-metric  .luxury-metric:hover{background:rgba(59,130,246,.08);tran form:tran lateY(-4px)}.premium-genetic-card .luxury-metric  .luxury-metric .metric-icon{align-item :center;background:var(--gradient-genetic);border-radiu :50%;color:#fff;di play:flex;font- ize:24px;height:48px;ju tify-content:center;margin:0 auto 16px;width:48px}.premium-genetic-card .luxury-metric  .luxury-metric .metric-title{color:var(--color-gray-900);font- ize:18px;font-weight:700;margin-bottom:8px}.premium-genetic-card .luxury-metric  .luxury-metric .metric-de cription{color:var(--color-gray-600);font- ize:14px;line-height:1.5}.tru t-indicator{di play:flex;flex-wrap:wrap;gap:32px;ju tify-content:center;margin:40px 0}.tru t-indicator  .tru t-badge{align-item :center;background:#fff;border-radiu :50px;box- hadow:0 8px 24px rgba(0,0,0,.08);di play:flex;gap:12px;padding:16px 24px;tran ition:all .3  ea e}.tru t-indicator  .tru t-badge:hover{box- hadow:0 12px 32px rgba(0,0,0,.12);tran form:tran lateY(-2px)}.tru t-indicator  .tru t-badge .tru t-icon{color:var(--dna-helix-primary);height:24px;width:24px}.tru t-indicator  .tru t-badge .tru t-text{color:var(--color-gray-800);font- ize:14px;font-weight:600}. cientific-credibility{background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(236,72,153,.05));border:1px  olid rgba(59,130,246,.1);border-radiu :20px;margin:32px 0;padding:32px;text-align:center}. cientific-credibility .credibility-header{margin-bottom:24px}. cientific-credibility .credibility-header .credibility-icon{align-item :center;background:var(--gradient- cience);border-radiu :50%;color:#fff;di play:flex;font- ize:32px;height:64px;ju tify-content:center;margin:0 auto 16px;width:64px}. cientific-credibility .credibility-header .credibility-title{color:var(--color-gray-900);font- ize:24px;font-weight:800;margin-bottom:8px}. cientific-credibility .credibility-header .credibility- ubtitle{color:var(--color-gray-600);font- ize:16px}. cientific-credibility .credibility- tat{di play:grid;gap:24px;grid-template-column :repeat(auto-fit,minmax(120px,1fr))}. cientific-credibility .credibility- tat  . tat-item . tat-number{color:var(--dna-helix-primary);font-family:var(--font- econdary);font- ize:32px;font-weight:900}. cientific-credibility .credibility- tat  . tat-item . tat-label{color:var(--color-gray-600);font- ize: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-column :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-metric{gap:16px;grid-template-column :1fr}.tru t-indicator{align-item :center;flex-direction:column;gap:16px}}@media(prefer -reduced-motion:reduce){.compatibility-pul e,.data- tream,.dna-helix,.dna-pul e,.genetic-flow{animation:none}.genetic-profile-card:hover{tran form:none}}@media(prefer -contra t:high){.genetic-profile-card{border:2px  olid var(--color-gray-900)}.trait-pill{border:2px  olid var(--dna-helix-primary)}.compatibility-indicator .indicator-dot{border:2px  olid var(--color-gray-900)}}.genetic-data-viz,.genetic-profile-card,.premium-genetic-card{contain:layout  tyle paint}.dna-helix,.genetic- lider . lider-thumb{will-change:tran form}.gla - urface{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px  olid h la(0,0%,100%,.15);box- hadow:0 8px 32px 0 rgba(31,38,135,.2)}.gla -card,.gla - urface{background:h la(0,0%,100%,.08)}.gla -card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--border-thin)  olid h la(0,0%,100%,.2);border-radiu :var(--radiu -xl);box- hadow:var(-- hadow-gla )}.gla -nav{backdrop-filter:blur(20px)  aturate(180%);-webkit-backdrop-filter:blur(20px)  aturate(180%);background:h la(0,0%,100%,.95);border-bottom:1px  olid h la(0,0%,100%,.2)}.neumorphi m{box- hadow:8px 8px 16px #d1d1d1,-8px -8px 16px #fff}.neumorphi m,.neumorphi m-in et{background:#f0f0f0;border-radiu :20px}.neumorphi m-in et{box- hadow:in et 8px 8px 16px #d1d1d1,in et -8px -8px 16px #fff}. oft-morphi m{background:linear-gradient(145deg,#fff,#f0f0f0);border-radiu :16px;box- hadow:5px 5px 10px rgba(0,0,0,.1),-5px -5px 10px h la(0,0%,100%,.7)}.gradient-genetic{background:var(--gradient-genetic)}.gradient-premium-dna{background:var(--gradient-premium-dna)}.gradient- cience{background:var(--gradient- cience)}.gradient-luxury{background:var(--gradient-luxury)}.gradient-text-genetic{background:var(--gradient-genetic);-webkit-background-clip:text;-webkit-text-fill-color:tran parent;background-clip:text}.gradient-text-premium{background:var(--gradient-premium-dna);-webkit-background-clip:text;-webkit-text-fill-color:tran parent;background-clip:text}.gradient-border{background:#fff;border-radiu :16px;po ition:relative}.gradient-border:before{background:var(--gradient-genetic);border-radiu :16px;content:"";in et:0;-webkit-ma k:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);ma k:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);ma k-compo ite:xor;-webkit-ma k-compo ite:xor;padding:2px;po ition:ab olute}.animate-float{animation:float 3  var(--ea e- mooth) infinite}.animate-glow{animation:glow 2  ea e-in-out infinite alternate}@keyframe  glow{0%{box- hadow:0 0 20px var(--dna-helix-primary)}to{box- hadow:0 0 30px var(--dna-helix-primary),0 0 40px var(--dna-helix-primary)}}.animate-gradient{animation:gradient- hift 3  ea e infinite;background- ize:200% 200%}@keyframe  gradient- hift{0%{background-po ition:0 50%}50%{background-po ition:100% 50%}to{background-po ition:0 50%}}.animate-pul e- low{animation:pul e- low 4  cubic-bezier(.4,0,.6,1) infinite}@keyframe  pul e- low{0%,to{opacity:1}50%{opacity:.6}}.animate-bounce-in{animation:bounce-in .6  cubic-bezier(.68,-.55,.265,1.55)}@keyframe  bounce-in{0%{opacity:0;tran form:cale(.3)}50%{opacity:1;tran form:cale(1.05)}70%{tran form:cale(.95)}to{opacity:1;tran form:cale(1)}}.animate- lide-in-up{animation:lide-in-up .8  cubic-bezier(.25,.46,.45,.94) both}@keyframe   lide-in-up{0%{opacity:0;tran form:tran lateY(100px)}to{opacity:1;tran form:tran lateY(0)}}.hover-lift{tran ition:var(--tran ition- mooth)}.hover-lift:hover{box- hadow:var(-- hadow-hover);tran form:tran lateY(-4px)}.hover-glow{tran ition:var(--tran ition- mooth)}.hover-glow:hover{box- hadow:0 0 20px rgba(var(--color-primary-rgb),.4)}.hover- cale{tran ition:var(--tran ition- mooth)}.hover- cale:hover{tran form:cale(1.05)}.hover-tilt{tran ition:tran form .3  ea e}.hover-tilt:hover{tran form:per pective(1000px) rotateY(10deg) rotateX(5deg)}.interactive-card{cur or:pointer;tran ition:all .4  cubic-bezier(.25,.46,.45,.94)}.interactive-card:hover{box- hadow:0 25px 50px rgba(0,0,0,.15);tran form:tran lateY(-12px)}.interactive-card:active{tran form:tran lateY(-6px);tran ition-duration:.1 }. keleton-loading{animation:keleton-loading 2  infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background- ize:200% 100%}.pul e-loading{animation:pul e-loading 1.5  cubic-bezier(.4,0,.6,1) infinite}@keyframe  pul e-loading{0%,to{opacity:1}50%{opacity:.5}}. pinner-dna{animation:pinner-rotate 1  linear infinite;border-top:4px  olid var(--color-gray-200);border:4px  olid var(--color-gray-200);border-radiu :50%;border-top-color:var(--dna-helix-primary);height:40px;width:40px}.container-fluid{margin-left:auto;margin-right:auto;padding-left:var(-- pace-lg);padding-right:var(-- pace-lg);width:100%}.grid-auto-fit{grid-template-column :repeat(auto-fit,minmax(300px,1fr))}.grid-auto-fill,.grid-auto-fit{di play:grid;gap:var(-- pace-lg)}.grid-auto-fill{grid-template-column :repeat(auto-fill,minmax(250px,1fr))}.flex-center{ju tify-content:center}.flex-between,.flex-center{align-item :center;di play:flex}.flex-between{ju tify-content:pace-between}.flex-column-center{align-item :center;di play:flex;flex-direction:column;ju tify-content:center}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto;margin-top:auto}.m-x{margin:var(-- pace-x )}.mt-x{margin-top:var(-- pace-x )}.mr-x{margin-right:var(-- pace-x )}.mb-x{margin-bottom:var(-- pace-x )}.ml-x ,.mx-x{margin-left:var(-- pace-x )}.mx-x{margin-right:var(-- pace-x )}.my-x{margin-bottom:var(-- pace-x );margin-top:var(-- pace-x )}.p-x{padding:var(-- pace-x )}.pt-x{padding-top:var(-- pace-x )}.pr-x{padding-right:var(-- pace-x )}.pb-x{padding-bottom:var(-- pace-x )}.pl-x ,.px-x{padding-left:var(-- pace-x )}.px-x{padding-right:var(-- pace-x )}.py-x{padding-bottom:var(-- pace-x );padding-top:var(-- pace-x )}.m- m{margin:var(-- pace- m)}.mt- m{margin-top:var(-- pace- m)}.mr- m{margin-right:var(-- pace- m)}.mb- m{margin-bottom:var(-- pace- m)}.ml- m,.mx- m{margin-left:var(-- pace- m)}.mx- m{margin-right:var(-- pace- m)}.my- m{margin-bottom:var(-- pace- m);margin-top:var(-- pace- m)}.p- m{padding:var(-- pace- m)}.pt- m{padding-top:var(-- pace- m)}.pr- m{padding-right:var(-- pace- m)}.pb- m{padding-bottom:var(-- pace- m)}.pl- m,.px- m{padding-left:var(-- pace- m)}.px- m{padding-right:var(-- pace- m)}.py- m{padding-bottom:var(-- pace- m);padding-top:var(-- pace- m)}.m-md{margin:var(-- pace-md)}.mt-md{margin-top:var(-- pace-md)}.mr-md{margin-right:var(-- pace-md)}.mb-md{margin-bottom:var(-- pace-md)}.ml-md,.mx-md{margin-left:var(-- pace-md)}.mx-md{margin-right:var(-- pace-md)}.my-md{margin-bottom:var(-- pace-md);margin-top:var(-- pace-md)}.p-md{padding:var(-- pace-md)}.pt-md{padding-top:var(-- pace-md)}.pr-md{padding-right:var(-- pace-md)}.pb-md{padding-bottom:var(-- pace-md)}.pl-md,.px-md{padding-left:var(-- pace-md)}.px-md{padding-right:var(-- pace-md)}.py-md{padding-bottom:var(-- pace-md);padding-top:var(-- pace-md)}.m-lg{margin:var(-- pace-lg)}.mt-lg{margin-top:var(-- pace-lg)}.mr-lg{margin-right:var(-- pace-lg)}.mb-lg{margin-bottom:var(-- pace-lg)}.ml-lg,.mx-lg{margin-left:var(-- pace-lg)}.mx-lg{margin-right:var(-- pace-lg)}.my-lg{margin-bottom:var(-- pace-lg);margin-top:var(-- pace-lg)}.p-lg{padding:var(-- pace-lg)}.pt-lg{padding-top:var(-- pace-lg)}.pr-lg{padding-right:var(-- pace-lg)}.pb-lg{padding-bottom:var(-- pace-lg)}.pl-lg,.px-lg{padding-left:var(-- pace-lg)}.px-lg{padding-right:var(-- pace-lg)}.py-lg{padding-bottom:var(-- pace-lg);padding-top:var(-- pace-lg)}.m-xl{margin:var(-- pace-xl)}.mt-xl{margin-top:var(-- pace-xl)}.mr-xl{margin-right:var(-- pace-xl)}.mb-xl{margin-bottom:var(-- pace-xl)}.ml-xl,.mx-xl{margin-left:var(-- pace-xl)}.mx-xl{margin-right:var(-- pace-xl)}.my-xl{margin-bottom:var(-- pace-xl);margin-top:var(-- pace-xl)}.p-xl{padding:var(-- pace-xl)}.pt-xl{padding-top:var(-- pace-xl)}.pr-xl{padding-right:var(-- pace-xl)}.pb-xl{padding-bottom:var(-- pace-xl)}.pl-xl,.px-xl{padding-left:var(-- pace-xl)}.px-xl{padding-right:var(-- pace-xl)}.py-xl{padding-bottom:var(-- pace-xl);padding-top:var(-- pace-xl)}.m-2xl{margin:var(-- pace-2xl)}.mt-2xl{margin-top:var(-- pace-2xl)}.mr-2xl{margin-right:var(-- pace-2xl)}.mb-2xl{margin-bottom:var(-- pace-2xl)}.ml-2xl,.mx-2xl{margin-left:var(-- pace-2xl)}.mx-2xl{margin-right:var(-- pace-2xl)}.my-2xl{margin-bottom:var(-- pace-2xl);margin-top:var(-- pace-2xl)}.p-2xl{padding:var(-- pace-2xl)}.pt-2xl{padding-top:var(-- pace-2xl)}.pr-2xl{padding-right:var(-- pace-2xl)}.pb-2xl{padding-bottom:var(-- pace-2xl)}.pl-2xl,.px-2xl{padding-left:var(-- pace-2xl)}.px-2xl{padding-right:var(-- pace-2xl)}.py-2xl{padding-bottom:var(-- pace-2xl);padding-top:var(-- pace-2xl)}.m-3xl{margin:var(-- pace-3xl)}.mt-3xl{margin-top:var(-- pace-3xl)}.mr-3xl{margin-right:var(-- pace-3xl)}.mb-3xl{margin-bottom:var(-- pace-3xl)}.ml-3xl,.mx-3xl{margin-left:var(-- pace-3xl)}.mx-3xl{margin-right:var(-- pace-3xl)}.my-3xl{margin-bottom:var(-- pace-3xl);margin-top:var(-- pace-3xl)}.p-3xl{padding:var(-- pace-3xl)}.pt-3xl{padding-top:var(-- pace-3xl)}.pr-3xl{padding-right:var(-- pace-3xl)}.pb-3xl{padding-bottom:var(-- pace-3xl)}.pl-3xl,.px-3xl{padding-left:var(-- pace-3xl)}.px-3xl{padding-right:var(-- pace-3xl)}.py-3xl{padding-bottom:var(-- pace-3xl);padding-top:var(-- pace-3xl)}.m-4xl{margin:var(-- pace-4xl)}.mt-4xl{margin-top:var(-- pace-4xl)}.mr-4xl{margin-right:var(-- pace-4xl)}.mb-4xl{margin-bottom:var(-- pace-4xl)}.ml-4xl,.mx-4xl{margin-left:var(-- pace-4xl)}.mx-4xl{margin-right:var(-- pace-4xl)}.my-4xl{margin-bottom:var(-- pace-4xl);margin-top:var(-- pace-4xl)}.p-4xl{padding:var(-- pace-4xl)}.pt-4xl{padding-top:var(-- pace-4xl)}.pr-4xl{padding-right:var(-- pace-4xl)}.pb-4xl{padding-bottom:var(-- pace-4xl)}.pl-4xl,.px-4xl{padding-left:var(-- pace-4xl)}.px-4xl{padding-right:var(-- pace-4xl)}.py-4xl{padding-bottom:var(-- pace-4xl);padding-top:var(-- pace-4xl)}.m-5xl{margin:var(-- pace-5xl)}.mt-5xl{margin-top:var(-- pace-5xl)}.mr-5xl{margin-right:var(-- pace-5xl)}.mb-5xl{margin-bottom:var(-- pace-5xl)}.ml-5xl,.mx-5xl{margin-left:var(-- pace-5xl)}.mx-5xl{margin-right:var(-- pace-5xl)}.my-5xl{margin-bottom:var(-- pace-5xl);margin-top:var(-- pace-5xl)}.p-5xl{padding:var(-- pace-5xl)}.pt-5xl{padding-top:var(-- pace-5xl)}.pr-5xl{padding-right:var(-- pace-5xl)}.pb-5xl{padding-bottom:var(-- pace-5xl)}.pl-5xl,.px-5xl{padding-left:var(-- pace-5xl)}.px-5xl{padding-right:var(-- pace-5xl)}.py-5xl{padding-bottom:var(-- pace-5xl);padding-top:var(-- pace-5xl)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:tran parent;background-clip:text}.text- hadow- oft{text- hadow:0 2px 4px rgba(0,0,0,.1)}.text- hadow- trong{text- hadow: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- emibold{font-weight:var(--font-weight- emibold)}.font-weight-bold{font-weight:var(--font-weight-bold)}.font-weight-black{font-weight:var(--font-weight-black)}.letter- pacing-tight{letter- pacing:var(--letter- pacing-tight)}.letter- pacing-normal{letter- pacing:var(--letter- pacing-normal)}.letter- pacing-wide{letter- pacing:var(--letter- pacing-wide)}.letter- pacing-wider{letter- pacing:var(--letter- pacing-wider)}.text-dna-primary{color:var(--dna-helix-primary)}.text-dna- econdary{color:var(--dna-helix- econdary)}.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- econdary{background-color:var(--dna-helix- econdary)}.bg-dna-tertiary{background-color:var(--dna-helix-tertiary)}.border-dna-primary{border-color:var(--dna-helix-primary)}.border-dna- econdary{border-color:var(--dna-helix- econdary)}.icon-dna:before{content:"🧬";font- tyle:normal}.icon-micro cope:before{content:"🔬";font- tyle:normal}.icon-brain:before{content:"🧠";font- tyle:normal}.icon-heart:before{content:"💖";font- tyle:normal}.icon- hield:before{content:"🛡️";font- tyle:normal}.icon- parkle :before{content:"✨";font- tyle:normal}@media(max-width:768px){.mobile-hidden{di play:none}.mobile-only{di play: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(-- pace-md)}}@media(min-width:769px){.de ktop-only{di play:block}.mobile-only{di play:none}}. r-only{height:1px;margin:-1px;overflow:hidden;padding:0;po ition:ab olute;width:1px;clip:rect(0,0,0,0);border:0;white- pace:nowrap}.focu -ring:focu{border-radiu :var(--radiu -md);box- hadow:0 0 0 3px rgba(var(--color-primary-rgb),.5);outline:none}@media(prefer -reduced-motion:reduce){.reduced-motion{animation-duration:.01m !important;animation-iteration-count:1!important;tran ition-duration:.01m !important}}.gpu-layer{tran form:tran lateZ(0);will-change:tran form}.no- elect{-webkit-u er- elect:none;-moz-u er- elect:none;u er- elect:none}.pointer-event -none{pointer-event :none}.pointer-event -auto{pointer-event :auto}.icon{align-item :center;di play:inline-flex;flex- hrink:0;height:var(--icon-md);ju tify-content:center;vertical-align:middle;width:var(--icon-md)}.icon  vg{height:100%;width:100%;fill:currentColor;troke:currentColor;troke-width:0;tran ition:var(--tran ition-fa t)}.icon:before{font- ize:inherit;line-height:1}.icon--x{height:var(--icon-x );width:var(--icon-x )}.icon-- m{height:var(--icon- m);width:var(--icon- m)}.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-- econdary{color:var(--icon- econdary)}.icon--muted{color:var(--icon-muted)}.icon--inver e{color:var(--icon-inver e)}.icon-- ucce{color:var(--icon- ucce )}.icon--warning{color:var(--icon-warning)}.icon--danger{color:var(--icon-danger)}.icon--info{color:var(--icon-info)}.icon--interactive{border-radiu :var(--radiu - m);cur or:pointer;padding:var(-- pace-xx );tran ition:var(--tran ition- mooth)}.icon--interactive:hover{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);tran form:cale(1.1)}.icon--interactive:active{tran form:cale(.95)}.icon-- pin{animation:icon- pin 2  linear infinite}.icon--pul e{animation:icon-pul e 2  cubic-bezier(.4,0,.6,1) infinite}.icon--bounce{animation:icon-bounce 1  infinite}@keyframe  icon- pin{0%{tran form:rotate(0deg)}to{tran form:rotate(1turn)}}@keyframe  icon-pul e{0%,to{opacity:1}50%{opacity:.5}}@keyframe  icon-bounce{0%,to{tran form:tran lateY(0)}50%{tran form:tran lateY(-25%)}}.icon-text{align-item :center;di play:inline-flex;gap:var(-- pace-x )}.icon-text .icon{flex- hrink:0}.icon-text--top{align-item :flex- tart}.icon-text--top .icon{margin-top:.125em}.icon-text--bottom{align-item :flex-end}.icon-text--bottom .icon{margin-bottom:.125em}.icon-text--tight{gap:var(-- pace-xx )}.icon-text--loo e{gap:var(-- pace- m)}.icon-text--wide{gap:var(-- pace-md)}.icon-text--rever e{flex-direction:row-rever e}.icon-text--vertical{flex-direction:column;gap:var(-- pace- m);text-align:center}.btn-icon{align-item :center;background:tran parent;border:none;border-radiu :var(--radiu -md);color:var(--color-text- econdary);cur or:pointer;di play:inline-flex;height:44px;ju tify-content:center;padding:0;tran ition:var(--tran ition- mooth);width:44px}.btn-icon:hover{background:var(--color-gray-100);color:var(--color-primary);tran form:cale(1.05)}.btn-icon:active{tran form:cale(.95)}.btn-icon:focu -vi ible{outline:2px  olid var(--color-primary);outline-off et:2px}.btn-icon-- m{height:32px;width:32px}.btn-icon-- m .icon{height:var(--icon- m);width:var(--icon- m)}.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);tran form:cale(1.05)}.btn-icon-- econdary{background:var(--color- econdary);color:var(--color-white)}.btn-icon-- econdary:hover{background:var(--color- econdary-600);tran form:cale(1.05)}.btn-icon--gho t{background:tran parent;border:1px  olid var(--border-color)}.btn-icon--gho t:hover{background:var(--color-gray-50);border-color:var(--color-primary)}.btn-icon--gla{backdrop-filter:var(--gla -backdrop);-webkit-backdrop-filter:var(--gla -backdrop);background:var(--gla -bg-light);border:1px  olid var(--gla -border);color:var(--color-white)}.btn-icon--gla :hover{background:h la(0,0%,100%,.15);border-color:h la(0,0%,100%,.3)}.btn-icon--round{border-radiu :50%}.btn-icon-- quare{border-radiu :var(--radiu - m)}.icon-badge{di play:inline-flex;po ition:relative}.icon-badge .badge{align-item :center;background:var(--color-danger);border:2px  olid var(--color-white);border-radiu :9px;color:var(--color-white);di play:flex;font- ize:10px;font-weight:var(--font-weight-bold);height:18px;ju tify-content:center;line-height:1;min-width:18px;padding:0 4px;po ition:ab olute;right:-4px;top:-4px}.icon-badge .badge--dot{border-radiu :50%;height:12px;min-width:auto;padding:0;right:-2px;top:-2px;width:12px}.icon-badge .badge-- ucce{background:var(--color- ucce )}.icon-badge .badge--warning{background:var(--color-warning)}.icon-badge .badge--info{background:var(--color-info)}.icon-badge .badge--pul e{animation:badge-pul e 2  infinite}@keyframe  badge-pul e{0%{box- hadow:0 0 0 0 rgba(var(--color-danger-rgb),.7)}70%{box- hadow:0 0 0 10px rgba(var(--color-danger-rgb),0)}to{box- hadow: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:tran parent;animation:dna-rotate 3  linear infinite;background-clip:text}.icon-dna--heart{animation:heart-beat 1.5  ea e-in-out infinite;color:var(--color- econdary)}.icon-dna--match{background:var(--gradient- ucce );-webkit-background-clip:text;-webkit-text-fill-color:tran parent;animation:match-glow 2  ea e-in-out infinite;background-clip:text}.icon-dna--compatibility{po ition:relative}.icon-dna--compatibility:after{animation:compatibility-ring 3  linear infinite;background:var(--gradient-primary);border-radiu :50%;content:"";in et:-2px;po ition:ab olute;z-index:-1}@keyframe  dna-rotate{0%{tran form:rotateY(0deg)}to{tran form:rotateY(1turn)}}@keyframe  heart-beat{0%,to{tran form:cale(1)}50%{tran form:cale(1.2)}}@keyframe  match-glow{0%,to{filter:brightne (1)}50%{filter:brightne (1.3)}}@keyframe  compatibility-ring{0%{opacity:1;tran form:rotate(0deg)  cale(1)}to{opacity:0;tran form:rotate(1turn)  cale(1.2)}}.icon-loading-- pinner{animation:pinner-rotate 1  linear infinite}.icon-loading--dot{di play:inline-flex;gap:2px}.icon-loading--dot :after,.icon-loading--dot :before{animation:dot -bounce 1.4  ea e-in-out infinite;background:currentColor;border-radiu :50%;content:"";height:4px;width:4px}.icon-loading--dot :before{animation-delay:-.32 }.icon-loading--dot :after{animation-delay:-.16 }.icon-loading--dot   pan{animation:dot -bounce 1.4  ea e-in-out infinite;background:currentColor;border-radiu :50%;height:4px;width:4px}.icon-loading--pul e-ring{po ition:relative}.icon-loading--pul e-ring:before{animation:pul e-ring 2  cubic-bezier(.455,.03,.515,.955) infinite;border:2px  olid;border-radiu :50%;content:"";in et:-8px;opacity:0;po ition:ab olute}@keyframe   pinner-rotate{0%{tran form:rotate(0deg)}to{tran form:rotate(1turn)}}@keyframe  dot -bounce{0%,80%,to{opacity:.5;tran form:cale(0)}40%{opacity:1;tran form:cale(1)}}@keyframe  pul e-ring{0%{opacity:1;tran form:cale(.33)}80%,to{opacity:0;tran form:cale(1)}}.icon-container{align-item :center;background:var(--color-gray-100);border-radiu :var(--radiu -md);di play:inline-flex;ju tify-content:center;tran ition:var(--tran ition- mooth)}.icon-container-- m{border-radiu :var(--radiu - m);height:32px;width:32px}.icon-container--md{height:48px;width:48px}.icon-container--lg{border-radiu :var(--radiu -lg);height:64px;width:64px}.icon-container--xl{border-radiu :var(--radiu -xl);height:80px;width:80px}.icon-container--primary{background:var(--color-primary);color:var(--color-white)}.icon-container-- econdary{background:var(--color- econdary);color:var(--color-white)}.icon-container--gradient{background:var(--gradient-primary);color:var(--color-white)}.icon-container--gla{backdrop-filter:var(--gla -backdrop);-webkit-backdrop-filter:var(--gla -backdrop);background:var(--gla -bg-light);border:1px  olid var(--gla -border);color:var(--color-white)}.icon-container--outline{background:tran parent;border:2px  olid var(--color-primary);color:var(--color-primary)}.icon-container--round{border-radiu :50%}.icon-container-- quare{border-radiu :var(--radiu - m)}.icon-container--interactive{cur or:pointer}.icon-container--interactive:hover{box- hadow:var(-- hadow-md);tran form:cale(1.05)}.icon-container--interactive:active{tran form:cale(.95)}@media(max-width:767px){.icon-- m{height:calc(var(--icon- m)+2px);width:calc(var(--icon- m)+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(-- pace-x )}}@media(prefer -contra t:high){.icon--interactive{border:1px  olid tran parent}.icon--interactive:hover{border-color:currentColor}.btn-icon{border:1px  olid var(--border-color)}.btn-icon:focu -vi ible{outline:3px  olid var(--color-primary);outline-off et:2px}}@media(prefer -reduced-motion:reduce){.icon--bounce,.icon--pul e,.icon-- pin,.icon-dna--compatibility,.icon-dna--heart,.icon-dna--helix,.icon-dna--match,.icon-loading--dot ,.icon-loading--dot   pan,.icon-loading--dot :after,.icon-loading--dot :before,.icon-loading--pul e-ring,.icon-loading-- pinner{animation:none}}.dna-background{overflow:hidden;po ition:relative}.dna-background:before{animation:dna-background-flow 30  linear infinite;background-image:radial-gradient(circle at 25% 25%,rgba(15,117,189,.1) 0,tran parent 50%),radial-gradient(circle at 75% 75%,rgba(247,44,147,.1) 0,tran parent 50%),url("data:image/ vg+xml;char et=utf-8,%3C vg xmln ='http://www.w3.org/2000/ vg' width='60' height='60'%3E%3Cpath fill='none' fill-rule='evenodd'  troke='%23f72c93'  troke-opacity='.05' d='M15 15q15 15 30 0-15 30-30 30 15-15 30 0'/%3E%3C/ vg%3E");background-po ition:0 0,100px 100px,0 0;background- ize:300px 300px,400px 400px,60px 60px;content:"";in et:0;opacity:.6;po ition:ab olute;z-index:-1}.dna-background--animated:before{animation:dna-background-flow 20  linear infinite,dna-background-pul e 8  ea e-in-out infinite}.dna-background-- ubtle:before{background- ize:200px 200px,300px 300px,40px 40px;opacity:.3}.dna-background--inten e:before{background- ize:400px 400px,500px 500px,80px 80px;opacity:.8}@keyframe  dna-background-flow{0%{tran form:tran late(0) rotate(0deg)}33%{tran form:tran late(-30px,-30px) rotate(120deg)}66%{tran form:tran late(30px,-30px) rotate(240deg)}to{tran form:tran late(0) rotate(1turn)}}@keyframe  dna-background-pul e{0%,to{opacity:.6}50%{opacity:.3}}.particle-container{overflow:hidden;po ition:relative}.particle-container .particle{animation:particle-float 8  linear infinite;border-radiu :50%;opacity:0;pointer-event :none;po ition:ab olute}.particle-container .particle--x{height:2px;width:2px}.particle-container .particle-- m{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- hadow:0 0 10px rgba(var(--color-primary-rgb),.5)}.particle-container .particle-- econdary{background:var(--color- econdary);box- hadow:0 0 10px rgba(var(--color- econdary-rgb),.5)}.particle-container .particle--white{background:h la(0,0%,100%,.8);box- hadow:0 0 10px h la(0,0%,100%,.3)}.particle-container .particle:fir t-child{animation-delay:0 ;left:10%}.particle-container .particle:nth-child(2){animation-delay:1 ;left:20%}.particle-container .particle:nth-child(3){animation-delay:2 ;left:30%}.particle-container .particle:nth-child(4){animation-delay:3 ;left:40%}.particle-container .particle:nth-child(5){animation-delay:4 ;left:50%}.particle-container .particle:nth-child(6){animation-delay:5 ;left:60%}.particle-container .particle:nth-child(7){animation-delay:6 ;left:70%}.particle-container .particle:nth-child(8){animation-delay:7 ;left:80%}.particle-container .particle:nth-child(9){animation-delay:.5 ;left:90%}.particle-container .particle:nth-child(10){animation-delay:1.5 ;left:15%}@keyframe  particle-float{0%{opacity:0;tran form:tran lateY(100vh) tran lateX(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;tran form:tran lateY(-100px) tran lateX(var(--particle-drift,0))}}.dna- trand{height:200px;margin:0 auto;po ition:relative;width:4px}.dna- trand . trand- egment{animation:trand-twi t 3  ea e-in-out infinite;background:linear-gradient(to bottom,var(--color-primary),var(--color- econdary));border-radiu :2px;height:20px;po ition:ab olute;width:100%}.dna- trand . trand- egment:fir t-child{animation-delay:0 ;top:0}.dna- trand . trand- egment:nth-child(2){animation-delay:.2 ;top:20px}.dna- trand . trand- egment:nth-child(3){animation-delay:.4 ;top:40px}.dna- trand . trand- egment:nth-child(4){animation-delay:.6 ;top:60px}.dna- trand . trand- egment:nth-child(5){animation-delay:.8 ;top:80px}.dna- trand . trand- egment:nth-child(6){animation-delay:1 ;top:100px}.dna- trand . trand- egment:nth-child(7){animation-delay:1.2 ;top:120px}.dna- trand . trand- egment:nth-child(8){animation-delay:1.4 ;top:140px}.dna- trand . trand- egment:nth-child(9){animation-delay:1.6 ;top:160px}.dna- trand . trand- egment:nth-child(10){animation-delay:1.8 ;top:180px}.dna- trand .ba e-pair{animation:ba e-pair-pul e 2  ea e-in-out infinite;background:var(--color-accent);border-radiu :1px;height:2px;left:50%;po ition:ab olute;tran form:tran lateX(-50%);width:30px}.dna- trand .ba e-pair:nth-child(odd){animation-delay:0 }.dna- trand .ba e-pair:nth-child(2n){animation-delay:1 }@keyframe   trand-twi t{0%,to{background:linear-gradient(to bottom,var(--color-primary),var(--color- econdary));tran form:rotateY(0deg)  caleX(1)}50%{background:linear-gradient(to bottom,var(--color- econdary),var(--color-primary));tran form:rotateY(180deg)  caleX(.8)}}@keyframe  ba e-pair-pul e{0%,to{opacity:.6;tran form:tran lateX(-50%)  caleX(1)}50%{opacity:1;tran form:tran lateX(-50%)  caleX(1.2)}}.genetic-con tellation{min-height:400px;po ition:relative}.genetic-con tellation .con tellation-point{animation:con tellation-twinkle 3  ea e-in-out infinite;background:var(--color-primary);border-radiu :50%;box- hadow:0 0 10px rgba(var(--color-primary-rgb),.8);height:6px;po ition:ab olute;width:6px}.genetic-con tellation .con tellation-point:fir t-child{animation-delay:0 ;left:15%;top:20%}.genetic-con tellation .con tellation-point:nth-child(2){animation-delay:.5 ;left:85%;top:30%}.genetic-con tellation .con tellation-point:nth-child(3){animation-delay:1 ;left:25%;top:60%}.genetic-con tellation .con tellation-point:nth-child(4){animation-delay:1.5 ;left:70%;top:80%}.genetic-con tellation .con tellation-point:nth-child(5){animation-delay:2 ;left:60%;top:15%}.genetic-con tellation .con tellation-point:nth-child(6){animation-delay:2.5 ;left:10%;top:45%}.genetic-con tellation .con tellation-point:nth-child(7){animation-delay:3 ;left:90%;top:70%}.genetic-con tellation .con tellation-point:nth-child(8){animation-delay:3.5 ;left:45%;top:35%}.genetic-con tellation .con tellation-point:before{animation:connection-pul e 4  ea e-in-out infinite;animation-delay:inherit;background:linear-gradient(90deg,rgba(var(--color-primary-rgb),.3) 0,tran parent 100%);content:"";height:1px;left:50%;po ition:ab olute;top:50%;tran form:tran late(-50%,-50%) rotate(var(--connection-angle,45deg));width:var(--connection-length,50px)}@keyframe  con tellation-twinkle{0%,to{opacity:.4;tran form:cale(1)}50%{opacity:1;tran form:cale(1.2)}}@keyframe  connection-pul e{0%,to{opacity:.1;tran form:tran late(-50%,-50%) rotate(var(--connection-angle,45deg))  caleX(1)}50%{opacity:.6;tran form:tran late(-50%,-50%) rotate(var(--connection-angle,45deg))  caleX(1.2)}}.compatibility-vi ual{height:200px;margin:0 auto;po ition:relative;width:200px}.compatibility-vi ual .compatibility-ring{animation:compatibility- pin 4  linear infinite;border:3px  olid tran parent;border-radiu :50%;in et:0;po ition:ab olute}.compatibility-vi ual .compatibility-ring--outer{animation-duration:6 ;border-color:var(--color-primary) tran parent var(--color-primary) tran parent}.compatibility-vi ual .compatibility-ring--middle{animation-direction:rever e;animation-duration:4 ;border-color:tran parent var(--color- econdary) tran parent var(--color- econdary);in et:20px}.compatibility-vi ual .compatibility-ring--inner{animation-duration:3 ;border-color:var(--color-accent) tran parent var(--color-accent) tran parent;in et:40px}.compatibility-vi ual .compatibility-center{align-item :center;animation:compatibility-pul e 2  ea e-in-out infinite;background:var(--gradient-primary);border-radiu :50%;box- hadow:var(-- hadow-lg);color:var(--color-white);di play:flex;font- ize:var(--font- ize-2xl);font-weight:var(--font-weight-bold);height:80px;ju tify-content:center;left:50%;po ition:ab olute;top:50%;tran form:tran late(-50%,-50%);width:80px}.compatibility-vi ual .genetic-marker{animation:marker-orbit 8  linear infinite;background:var(--color- ucce );border-radiu :50%;box- hadow:0 0 8px rgba(var(--color- ucce -rgb),.6);height:8px;po ition:ab olute;width:8px}.compatibility-vi ual .genetic-marker:fir t-child{animation-delay:0 ;left:50%;top:10px}.compatibility-vi ual .genetic-marker:nth-child(2){animation-delay:2 ;right:10px;top:50%}.compatibility-vi ual .genetic-marker:nth-child(3){animation-delay:4 ;bottom:10px;left:50%}.compatibility-vi ual .genetic-marker:nth-child(4){animation-delay:6 ;left:10px;top:50%}@keyframe  compatibility- pin{0%{tran form:rotate(0deg)}to{tran form:rotate(1turn)}}@keyframe  compatibility-pul e{50%{box- hadow:var(-- hadow-xl);tran form:tran late(-50%,-50%)  cale(1.05)}}@keyframe  marker-orbit{0%{tran form:rotate(0deg) tran lateX(90px) rotate(0deg)}to{tran form:rotate(1turn) tran lateX(90px) rotate(-1turn)}}.hero-dna-effect{min-height:100vh;overflow:hidden;po ition:relative}.hero-dna-effect :before{animation:hero-dna-flow 20  ea e-in-out infinite;background-image:radial-gradient(circle at 20% 20%,rgba(15,117,189,.15) 0,tran parent 50%),radial-gradient(circle at 80% 80%,rgba(247,44,147,.15) 0,tran parent 50%),radial-gradient(circle at 60% 40%,rgba(124,77,255,.1) 0,tran parent 50%);content:"";in et:-20%;po ition:ab olute;z-index:-1}.hero-dna-effect  .genetic-element{animation:genetic-float 15  ea e-in-out infinite;opacity:.1;po ition:ab olute}.hero-dna-effect  .genetic-element--helix{animation-delay:0 ;background:url("data:image/ vg+xml;char et=utf-8,%3C vg xmln ='http://www.w3.org/2000/ vg' viewBox='0 0 100 200'%3E%3Cpath fill='none'  troke='%230F75BD'  troke-width='3' d='m20 20 60 160'/%3E%3Cpath fill='none'  troke='%23F72C93'  troke-width='3' d='M80 20 20 180'/%3E%3C/ vg%3E") no-repeat;background- ize:contain;height:200px;left:10%;top:20%;width:100px}.hero-dna-effect  .genetic-element--molecule{animation-delay:5 ;background:var(--gradient-primary);border-radiu :50%;height:80px;right:15%;top:60%;width:80px}.hero-dna-effect  .genetic-element-- trand{animation-delay:10 ;background:var(--gradient- econdary);border-radiu :2px;height:4px;left:70%;top:40%;tran form-origin:left center;width:150px}@keyframe  hero-dna-flow{0%,to{tran form:tran late(0) rotate(0deg)}33%{tran form:tran late(-2%,-2%) rotate(5deg)}66%{tran form:tran late(2%,-1%) rotate(-3deg)}}@keyframe  genetic-float{0%,to{opacity:.1;tran form:tran lateY(0) rotate(0deg)}50%{opacity:.3;tran form:tran lateY(-20px) rotate(180deg)}}.chemi try-reaction{padding:var(-- pace-xl);po ition:relative}.chemi try-reaction .chemical-bond{animation:bond-vibration 1.5  ea e-in-out infinite;background:var(--gradient-primary);height:60px;po ition:ab olute;tran form-origin:center;width:2px}.chemi try-reaction .chemical-bond:fir t-child{animation-delay:0 ;left:30%;top:20%}.chemi try-reaction .chemical-bond:nth-child(2){animation-delay:.3 ;right:25%;top:40%}.chemi try-reaction .chemical-bond:nth-child(3){animation-delay:.6 ;bottom:30%;left:60%}.chemi try-reaction .chemical-bond:after,.chemi try-reaction .chemical-bond:before{background:var(--color- econdary);border-radiu :50%;box- hadow:0 0 10px rgba(var(--color- econdary-rgb),.5);content:"";height:12px;po ition:ab olute;width:12px}.chemi try-reaction .chemical-bond:before{left:-5px;top:-6px}.chemi try-reaction .chemical-bond:after{bottom:-6px;left:-5px}.chemi try-reaction .love- park{animation:park-twinkle 2  ea e-in-out infinite;background:var(--color- econdary);border-radiu :50%;height:4px;po ition:ab olute;width:4px}.chemi try-reaction .love- park:nth-child(2n){animation-delay:1 }@keyframe  bond-vibration{0%,to{tran form:rotate(-2deg)  caleY(1)}50%{tran form:rotate(2deg)  caleY(1.1)}}@keyframe   park-twinkle{0%,to{opacity:0;tran form:cale(1)}50%{opacity:1;tran form:cale(1.5)}}@media(max-width:767px){.dna-background:before{background- ize:200px 200px,250px 250px,40px 40px}.particle-container .particle:nth-child(n+6){di play:none}.genetic-con tellation{min-height:300px}.genetic-con tellation .con tellation-point:nth-child(n+6){di play:none}.compatibility-vi ual{height:150px;width:150px}.compatibility-vi ual .compatibility-center{font- ize:var(--font- ize-xl);height:60px;width:60px}.hero-dna-effect  .genetic-element--helix{height:120px;width:60px}.hero-dna-effect  .genetic-element--molecule{height:50px;width:50px}.hero-dna-effect  .genetic-element-- trand{height:3px;width:100px}}@media(prefer -reduced-motion:reduce){.chemi try-reaction .chemical-bond,.chemi try-reaction .love- park,.compatibility-vi ual .compatibility-ring,.dna-background,.dna- trand . trand- egment,.genetic-con tellation .con tellation-point,.hero-dna-effect :before,.particle-container .particle{animation:none!important}.genetic-element{opacity:.05!important;tran form:none!important}}.performance-mode .dna-background:before,.performance-mode .hero-dna-effect :before{animation-duration:60 ;will-change:auto}.performance-mode .particle-container .particle{animation-duration:20 }.performance-mode .chemi try-reaction .chemical-bond,.performance-mode .chemi try-reaction .love- park,.performance-mode .genetic-con tellation .con tellation-point:before{di play:none}.compatibility-vi ual .compatibility-ring,.dna-background:before,.hero-dna-effect :before,.particle-container .particle{tran form:tran lateZ(0);will-change:tran form}.btn-dna{align-item :center;border:var(--border-thin)  olid tran parent;border-radiu :var(--button-border-radiu );cur or:pointer;di play:inline-flex;font-family:var(--font-primary);font- ize:var(--font- ize-ba e);font-weight:var(--button-font-weight);gap:var(-- pace-x );ju tify-content:center;line-height:var(--line-height-tight);overflow:hidden;padding:var(--button-padding-y) var(--button-padding-x);po ition:relative;text-decoration:none;tran ition:var(--button-tran ition)}.btn-dna:before{background:h la(0,0%,100%,.2);border-radiu :50%;content:"";height:0;left:50%;po ition:ab olute;top:50%;tran form:tran late(-50%,-50%);tran ition:width .6 ,height .6 ;width:0}.btn-dna:hover:before{height:300px;width:300px}.btn-dna--primary{background:var(--gradient-primary);box- hadow:var(-- hadow-primary);color:var(--color-white)}.btn-dna--primary:hover{box- hadow:0 6px 20px 0 rgba(15,117,189,.4);tran form:tran lateY(-2px)}.btn-dna-- econdary{background:var(--gradient- econdary);box- hadow:var(-- hadow- econdary);color:var(--color-white)}.btn-dna-- econdary:hover{box- hadow:0 6px 20px 0 rgba(247,44,147,.4);tran form:tran lateY(-2px)}.btn-dna--gho t{background:tran parent;border-color:var(--color-primary);color:var(--color-primary)}.btn-dna--gho t:hover{background:var(--color-primary);color:var(--color-white)}.btn-dna--gla{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:h la(0,0%,100%,.1);border:1px  olid h la(0,0%,100%,.2);color:var(--color-white)}.btn-dna--gla :hover{background:h la(0,0%,100%,.2)}.btn-dna-- m{font- ize:var(--font- ize- m);padding:var(-- pace-xx ) var(-- pace-md)}.btn-dna--lg{font- ize:var(--font- ize-lg);padding:var(-- pace-md) var(-- pace-xl)}.btn-dna:di abled{cur or:not-allowed;opacity:.5;tran form:none!important}.btn-dna--loading{color:tran parent}.btn-dna--loading:after{animation:btn-loading- pinner .8  linear infinite;border:2px  olid var(--color-white);border-radiu :50%;border-top:2px  olid tran parent;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;po ition:ab olute;top:50%;width:16px}@keyframe  btn-loading- pinner{to{tran form:rotate(1turn)}}.card-dna,.match-card{background:var(--color- urface);border-radiu :var(--card-radiu );box- hadow:var(--card- hadow);overflow:hidden;padding:var(--card-padding);po ition:relative;tran ition:tran form var(--duration-normal) var(--ea e-out),box- hadow var(--duration-normal) var(--ea e-out)}.card-dna:hover,.match-card:hover{box- hadow:var(-- hadow-lg);tran form:tran lateY(-2px)}.card-dna--gla{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:h la(0,0%,100%,.1);border:1px  olid h la(0,0%,100%,.2)}.card-dna--gradient-border{background:var(--color- urface);background-clip:padding-box;border:2px  olid tran parent}.card-dna--gradient-border:before{background:var(--gradient-primary);border-radiu :var(--card-radiu );content:"";in et:0;-webkit-ma k:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-ma k-compo ite:xor;ma k-compo ite:exclude;padding:2px;po ition:ab olute}.card-dna--premium{background:var(--gradient-premium);color:var(--color-white)}.card-dna--premium:after{animation:himmer 3  infinite;background:linear-gradient(45deg,tran parent 30%,h la(0,0%,100%,.1) 50%,tran parent 70%);content:"";height:200%;left:-50%;po ition:ab olute;top:-50%;tran form:rotate(45deg);width:200%}.card-dna__header{margin-bottom:var(-- pace-md)}.card-dna__title{color:var(--color-text-primary);font- ize:var(--font- ize-xl);font-weight:var(--font-weight-bold);margin:0}.card-dna__ ubtitle{color:var(--color-text- econdary);font- ize:var(--font- ize- m);margin-top:var(-- pace-x )}.card-dna__body{color:var(--color-text- econdary);line-height:var(--line-height-relaxed)}.card-dna__footer{border-top:var(--border-thin)  olid var(--border-color);margin-top:var(-- pace-lg);padding-top:var(-- pace-md)}.match-card{overflow:vi ible;po ition:relative}.match-card__compatibility{align-item :center;background:var(--gradient-primary);border-radiu :50%;box- hadow:var(-- hadow-lg);color:var(--color-white);di play:flex;font- ize:var(--font- ize-lg);font-weight:var(--font-weight-bold);height:60px;ju tify-content:center;po ition:ab olute;right:var(-- pace-md);top:var(-- pace-md);width:60px}.match-card__compatibility--high{background:var(--gradient- ucce )}.match-card__compatibility--medium{background:linear-gradient(135deg,var(--color-warning) 0,#ffb74d 100%)}.match-card__avatar{border-radiu :var(--radiu -lg);height:200px;margin-bottom:var(-- pace-md);-o-object-fit:cover;object-fit:cover;width:100%}.match-card__info{align-item :center;di play:flex;ju tify-content:pace-between;margin-bottom:var(-- pace- m)}.match-card__name{color:var(--color-text-primary);font- ize:var(--font- ize-lg);font-weight:var(--font-weight- emibold)}.match-card__age{color:var(--color-text- econdary)}.match-card__badge{di play:flex;flex-wrap:wrap;gap:var(-- pace-x );margin-top:var(-- pace- m)}.match-card__badge{align-item :center;background:var(--color-gray-100);border-radiu :var(--radiu -full);color:var(--color-text- econdary);di play:inline-flex;font- ize:var(--font- ize-x );gap:var(-- pace-xx );padding:var(-- pace-xx ) var(-- pace- m)}.match-card__badge--verified{background:rgba(76,175,80,.1);color:var(--color- ucce )}.match-card__badge--premium{background:rgba(255,215,0,.1);color:#f57c00}.input-dna{margin-bottom:var(-- pace-lg);po ition:relative}.input-dna__field{background:var(--color- urface);border:var(--border-thin)  olid var(--input-border-color);border-radiu :var(--input-border-radiu );font-family:var(--font-primary);font- ize:var(--font- ize-ba e);padding:var(--input-padding-y) var(--input-padding-x);padding-top:calc(var(--input-padding-y)+12px);tran ition:var(--tran ition-fa t);width:100%}.input-dna__field:focu{border-color:var(--input-focu -color);box- hadow:var(--input-focu - hadow);outline:none}.input-dna__field:not(:-moz-placeholder)+.input-dna__label{color:var(--input-focu -color);font- ize:var(--font- ize-x );top:8px}.input-dna__field:focu +.input-dna__label,.input-dna__field:not(:placeholder- hown)+.input-dna__label{color:var(--input-focu -color);font- ize:var(--font- ize-x );top:8px}.input-dna__label{background:var(--color- urface);color:var(--color-text- econdary);font- ize:var(--font- ize-ba e);left:var(--input-padding-x);padding:0 var(-- pace-xx );pointer-event :none;po ition:ab olute;top:50%;tran form:tran lateY(-50%);tran ition:var(--tran ition-fa t)}.input-dna__helper{color:var(--color-text- econdary);font- ize:var(--font- ize- m);margin-top:var(-- pace-x )}.input-dna__error{color:var(--color-danger)}.input-dna--gla  .input-dna__field{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:h la(0,0%,100%,.1);border:1px  olid h la(0,0%,100%,.2)}.feature-card{padding:var(-- pace-xl);text-align:center}.feature-card,.feature-card__icon{tran ition:var(--tran ition-default)}.feature-card__icon{align-item :center;background:var(--gradient-primary);border-radiu :var(--radiu -2xl);box- hadow:var(-- hadow-lg);color:var(--color-white);di play:flex;font- ize:2rem;height:80px;ju tify-content:center;margin:0 auto var(-- pace-lg);width:80px}.feature-card:hover .feature-card__icon{tran form:cale(1.1) rotate(5deg)}.feature-card__title{color:var(--color-text-primary);font- ize:var(--font- ize-lg);font-weight:var(--font-weight- emibold);margin-bottom:var(-- pace- m)}.feature-card__de cription{color:var(--color-text- econdary);line-height:var(--line-height-relaxed)}. tat-card{text-align:center}. tat-card__value{background:var(--gradient-primary);-webkit-background-clip:text;font- ize:var(--font- ize-3xl);font-weight:var(--font-weight-bold);-webkit-text-fill-color:tran parent;background-clip:text;line-height:1;margin-bottom:var(-- pace-x )}. tat-card__label{color:var(--color-text- econdary);font- ize:var(--font- ize-ba e);font-weight:var(--font-weight-medium)}. tat-card__trend{align-item :center;di play:inline-flex;font- ize:var(--font- ize- m);gap:var(-- pace-xx );margin-top:var(-- pace- m)}. tat-card__trend,. tat-card__trend--up{color:var(--color- ucce )}. tat-card__trend--down{color:var(--color-danger)}.hero-dna{align-item :center;di play:flex;min-height:600px;overflow:hidden;padding:var(-- pace- ection) 0;po ition:relative}.hero-dna:before{animation:dna-float 20  linear infinite;background-image:url("data:image/ vg+xml;char et=utf-8,%3C vg xmln ='http://www.w3.org/2000/ vg' width='100' height='100'%3E%3Cpath fill='none'  troke='%23f72c93'  troke-width='.5' d='M50 30q10 20 0 40-10-20 0-40' opacity='.1'/%3E%3C/ vg%3E");background- ize:100px 100px;content:"";in et:0;opacity:.1;po ition:ab olute}.hero-dna__content{po ition:relative;z-index:1}.hero-dna__title{background:var(--gradient-primary);-webkit-background-clip:text;font- ize:var(--font- ize-4xl);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);margin-bottom:var(-- pace-lg);-webkit-text-fill-color:tran parent;background-clip:text}.hero-dna__ ubtitle{color:var(--color-text- econdary);font- ize:var(--font- ize-xl);line-height:var(--line-height-relaxed);margin-bottom:var(-- pace-xl);max-width:600px}.hero-dna__cta{di play:flex;flex-wrap:wrap;gap:var(-- pace-md)}.hero-dna__image{height:auto;opacity:.1;po ition:ab olute;right:0;top:50%;tran form:tran lateY(-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- hadow:var(-- hadow- m);height:var(--nav-height);left:0;po ition:fixed;right:0;top:0;tran ition:var(--tran ition-default);z-index:var(--z- ticky)}.nav-dna-- crolled{background:h la(0,0%,100%,.98);box- hadow:var(-- hadow-md)}.nav-dna__container{align-item :center;di play:flex;height:100%;ju tify-content:pace-between;margin:0 auto;max-width:var(--container-xl);padding:0 var(-- pace-lg)}.nav-dna__logo{align-item :center;color:var(--color-text-primary);di play:flex;font- ize:var(--font- ize-lg);font-weight:var(--font-weight-bold);gap:var(-- pace- m);text-decoration:none}.nav-dna__logo img{height:40px;width:auto}.nav-dna__menu{align-item :center;di play:flex;gap:var(-- pace-xl);li t- tyle:none;margin:0;padding:0}.nav-dna__link{color:var(--color-text-primary);font-weight:var(--font-weight-medium);po ition:relative;text-decoration:none;tran ition:var(--tran ition-fa t)}.nav-dna__link:after{background:var(--gradient-primary);bottom:-4px;content:"";height:2px;left:0;po ition:ab olute;tran ition:width var(--duration-fa t) var(--ea e-out);width:0}.nav-dna__link--active:after,.nav-dna__link:hover:after{width:100%}.nav-dna__action{gap:var(-- pace-md)}.modal-dna,.nav-dna__action{align-item :center;di play:flex}.modal-dna{in et:0;ju tify-content:center;opacity:0;padding:var(-- pace-lg);po ition:fixed;tran ition:var(--tran ition-default);vi ibility:hidden;z-index:var(--z-modal)}.modal-dna--open{opacity:1;vi ibility:vi ible}.modal-dna__backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--modal-backdrop);in et:0;po ition:ab olute}.modal-dna__content{background:var(--color- urface);border-radiu :var(--modal-radiu );box- hadow:var(--modal- hadow);max-height:90vh;max-width:500px;overflow:auto;po ition:relative;tran form:cale(.9);tran ition:tran form var(--duration-normal) var(--ea e-bounce);width:100%}.modal-dna--open .modal-dna__content{tran form:cale(1)}.modal-dna__header{padding:var(-- pace-xl) var(-- pace-xl) 0}.modal-dna__title{font- ize:var(--font- ize-2xl);font-weight:var(--font-weight-bold);margin:0}.modal-dna__body{padding:var(-- pace-lg) var(-- pace-xl)}.modal-dna__footer{di play:flex;gap:var(-- pace-md);ju tify-content:flex-end;padding:0 var(-- pace-xl) var(-- pace-xl)}.modal-dna__clo e{align-item :center;background:var(--color-gray-100);border:none;border-radiu :50%;color:var(--color-text- econdary);cur or:pointer;di play:flex;height:40px;ju tify-content:center;po ition:ab olute;right:var(-- pace-md);top:var(-- pace-md);tran ition:var(--tran ition-fa t);width:40px}.modal-dna__clo e:hover{background:var(--color-gray-200);tran form:rotate(90deg)}. keleton--text{height:1em;margin-bottom:var(-- pace-x )}. keleton--text:la t-child{width:80%}. keleton--title{height:2em;margin-bottom:var(-- pace-md);width:60%}. keleton--avatar{border-radiu :50%;height:60px;width:60px}. keleton--card{height:300px}.gla -effect{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:h la(0,0%,100%,.1);border:1px  olid h la(0,0%,100%,.2)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:tran parent;background-clip:text}.card-gla ,.panel-gla{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:h la(0,0%,100%,.1);border:1px  olid h la(0,0%,100%,.2);border-radiu :var(--radiu -xl);box- hadow:0 8px 32px 0 rgba(31,38,135,.15);tran ition:all var(--duration-normal) var(--ea e-out)}.card-gla :hover,.panel-gla :hover{background:h la(0,0%,100%,.15);border-color:h la(0,0%,100%,.3);box- hadow:0 12px 48px 0 rgba(31,38,135,.2);tran form:tran lateY(-4px)}.card-gla --dark{background:rgba(0,0,0,.1);border-color:h la(0,0%,100%,.1)}.card-gla --dark:hover{background:rgba(0,0,0,.15)}.card-gla --colored{background:rgba(15,117,189,.1);border-color:rgba(15,117,189,.3)}.card-gla --colored:hover{background:rgba(15,117,189,.15);border-color:rgba(15,117,189,.4)}.panel-gla{margin-bottom:var(-- pace-lg);padding:var(-- pace-xl)}.form-floating-dna{margin-bottom:var(-- pace-lg);po ition:relative}.form-floating-dna .form-control{background:h la(0,0%,100%,.9);border:2px  olid var(--border-color);border-radiu :var(--radiu -lg);font- ize:var(--font- ize-ba e);height:calc(3.5rem+2px);padding:1rem var(-- pace-md);tran ition:all var(--duration-fa t) var(--ea e-out)}.form-floating-dna .form-control::-moz-placeholder{color:tran parent}.form-floating-dna .form-control::placeholder{color:tran parent}.form-floating-dna .form-control:focu{background:var(--color-white);border-color:var(--color-primary);box- hadow:0 0 0 4px rgba(15,117,189,.1)}.form-floating-dna .form-control:not(:-moz-placeholder)~label{color:var(--color-primary);opacity:1;tran form:tran lateY(-1.5rem)  cale(.85)}.form-floating-dna .form-control:focu ~label,.form-floating-dna .form-control:not(:placeholder- hown)~label{color:var(--color-primary);opacity:1;tran form:tran lateY(-1.5rem)  cale(.85)}.form-floating-dna .form-control.i -invalid{border-color:var(--color-danger)}.form-floating-dna .form-control.i -invalid:focu{box- hadow:0 0 0 4px rgba(244,67,54,.1)}.form-floating-dna label{background:linear-gradient(180deg,tran parent 0,tran parent 40%,#fff 0,#fff);color:var(--color-text- econdary);font- ize:var(--font- ize-ba e);left:var(-- pace-md);padding:0 var(-- pace-x );pointer-event :none;po ition:ab olute;top:1rem;tran form-origin:0 0;tran ition:all var(--duration-fa t) var(--ea e-out)}.form-floating-dna.form-floating-gla  .form-control{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:h la(0,0%,100%,.1);border-color:h la(0,0%,100%,.2);color:var(--color-white)}.form-floating-dna.form-floating-gla  .form-control:focu{background:h la(0,0%,100%,.15);border-color:h la(0,0%,100%,.4)}.form-floating-dna.form-floating-gla  label{background:tran parent;color:h la(0,0%,100%,.8)}. keleton-loader{animation:loading- himmer 1.5  infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background- ize:200% 100%;border-radiu :4px;height:20px;overflow:hidden;po ition:relative}. keleton-loader:after{animation:himmer 2  infinite;background:linear-gradient(90deg,h la(0,0%,100%,0),h la(0,0%,100%,.2) 20%,h la(0,0%,100%,.5) 60%,h la(0,0%,100%,0));bottom:0;content:"";left:0;po ition:ab olute;right:0;top:0;tran form:tran lateX(-100%)}. keleton-loader--text{border-radiu :var(--radiu - m);height:1rem;margin-bottom:var(-- pace- m)}. keleton-loader--text:la t-child{width:60%}. keleton-loader--title{border-radiu :var(--radiu -md);height:2rem;margin-bottom:var(-- pace-md);width:50%}. keleton-loader--avatar{border-radiu :50%;height:80px;width:80px}. keleton-loader--button{border-radiu :var(--radiu -md);height:48px;width:120px}. keleton-loader--card{border-radiu :var(--radiu -xl);height:320px}. keleton-loader--image{border-radiu :var(--radiu -lg);height:200px;width:100%}.hero-modern{align-item :center;background:linear-gradient(135deg,#667eea,#764ba2);di play:flex;min-height:100vh;overflow:hidden;po ition:relative}.hero-modern:before{animation:gradient-animation 15  ea e infinite;background-image:radial-gradient(circle at 20% 80%,rgba(247,44,147,.3) 0,tran parent 50%),radial-gradient(circle at 80% 20%,rgba(15,117,189,.3) 0,tran parent 50%),radial-gradient(circle at 40% 40%,rgba(124,77,255,.2) 0,tran parent 50%);bottom:0;content:"";left:0;po ition:ab olute;right:0;top:0}.hero-modern__content{margin:0 auto;max-width:800px;padding:var(-- pace-xl);po ition:relative;text-align:center;z-index:2}.hero-modern__title{animation:fadeInUp 1  ea e-out;color:var(--color-white);font- ize:clamp(2.5rem,8vw,5rem);font-weight:var(--font-weight-black);line-height:1.2;margin-bottom:var(-- pace-lg)}.hero-modern__title  pan{background:linear-gradient(90deg,gold,#ffa000);-webkit-background-clip:text;-webkit-text-fill-color:tran parent;background-clip:text}.hero-modern__ ubtitle{animation:fadeInUp 1  ea e-out .2  both;color:h la(0,0%,100%,.9);font- ize:clamp(1.2rem,3vw,1.5rem);line-height:1.6;margin-bottom:var(-- pace-2xl)}.hero-modern__cta{animation:fadeInUp 1  ea e-out .4  both;di play:flex;flex-wrap:wrap;gap:var(-- pace-md);ju tify-content:center}.hero-modern__ croll{animation:bounce 2  infinite;bottom:var(-- pace-xl);color:var(--color-white);cur or:pointer;font- ize:2rem;left:50%;opacity:.7;po ition:ab olute;tran form:tran lateX(-50%);tran ition:opacity var(--duration-fa t)}.hero-modern__ croll:hover{opacity:1}.hero-modern__ hape{opacity:.1;po ition:ab olute}.hero-modern__ hape--1{animation:float 6  ea e-in-out infinite;background:var(--color- econdary);border-radiu :30% 70% 70% 30%/30% 30% 70% 70%;height:100px;left:10%;top:10%;width:100px}.hero-modern__ hape--2{animation:float 8  ea e-in-out infinite rever e;background:var(--color-primary);border-radiu :63% 37% 54% 46%/55% 48% 52% 45%;height:150px;right:10%;top:60%;width:150px}.hero-modern__ hape--3{animation:float 7  ea e-in-out infinite;background:var(--color-accent);border-radiu :41% 59% 41% 59%/41% 59% 41% 59%;bottom:10%;height:80px;left:30%;width:80px}@keyframe  gradient-animation{0%{tran form:tran late(0) rotate(0deg)}33%{tran form:tran late(-20px,-20px) rotate(120deg)}66%{tran form:tran late(20px,-20px) rotate(240deg)}to{tran form:tran late(0) rotate(1turn)}}.btn-hover-fill{overflow:hidden;po ition:relative;z-index:1}.btn-hover-fill,.btn-hover-fill:before{tran ition:all var(--duration-normal) var(--ea e-out)}.btn-hover-fill:before{background:h la(0,0%,100%,.2);content:"";height:100%;left:0;po ition:ab olute;top:0;width:0;z-index:-1}.btn-hover-fill:hover:before{width:100%}.btn-hover-fill:hover{box- hadow:0 10px 20px rgba(0,0,0,.1);tran form:tran lateY(-2px)}.btn-hover- lide{overflow:hidden;po ition:relative;tran ition:all var(--duration-normal) var(--ea e-out)}.btn-hover- lide  pan{po ition:relative;z-index:2}.btn-hover- lide:before{background:var(--gradient-primary);content:"";height:100%;left:-100%;po ition:ab olute;top:0;tran ition:left var(--duration-normal) var(--ea e-out);width:100%;z-index:1}.btn-hover- lide:hover:before{left:0}.btn-hover- lide:hover{color:var(--color-white)}.btn-hover-glow{tran ition:all var(--duration-normal) var(--ea e-out)}.btn-hover-glow:hover{box- hadow:0 0 20px rgba(var(--color-primary-rgb),.5);tran form:tran lateY(-2px)}.btn-hover-pul e{po ition:relative}.btn-hover-pul e:before{background:var(--color-primary);border-radiu :inherit;content:"";height:100%;left:50%;opacity:0;po ition:ab olute;top:50%;tran form:tran late(-50%,-50%);tran ition:all var(--duration- low) var(--ea e-out);width:100%}.btn-hover-pul e:hover:before{animation:pul e-grow 1  ea e-out infinite}@keyframe  pul e-grow{0%{opacity:.5;tran form:tran late(-50%,-50%)  cale(.9)}50%{opacity:0;tran form:tran late(-50%,-50%)  cale(1.5)}to{opacity:0;tran form:tran late(-50%,-50%)  cale(1.5)}}.micro-interaction{cur or:pointer;tran ition:all var(--duration-fa t) var(--ea e-out)}.micro-interaction:active{tran form:cale(.95)}.dna-helix-loader{height:100px;margin:0 auto;po ition:relative;width:100px}.dna-helix-loader .helix{animation:rotate 2  linear infinite;height:100%;po ition:relative;width:100%}.dna-helix-loader .helix . trand{border-radiu :50%;height:100%;po ition:ab olute;width:100%}.dna-helix-loader .helix . trand:fir t-child{animation:trand1 1.5  ea e-in-out infinite;border-bottom:3px  olid tran parent;border-left:3px  olid tran parent;border-left-color:var(--color-primary);border-right:3px  olid tran parent;border-right-color:var(--color-primary);border-top:3px  olid tran parent}.dna-helix-loader .helix . trand:nth-child(2){animation:trand2 1.5  ea e-in-out infinite;border-bottom:3px  olid tran parent;border-bottom-color:var(--color- econdary);border-left:3px  olid tran parent;border-right:3px  olid tran parent;border-top:3px  olid tran parent;border-top-color:var(--color- econdary)}@keyframe   trand1{0%,to{tran form:rotateX(0deg) rotateY(0deg)}50%{tran form:rotateX(180deg) rotateY(0deg)}}@keyframe   trand2{0%,to{tran form:rotateX(90deg) rotateY(0deg)}50%{tran form:rotateX(90deg) rotateY(180deg)}}.grid-dna{di play:grid;gap:var(--grid-gutter)}.grid-dna--2{grid-template-column :repeat(auto-fit,minmax(300px,1fr))}.grid-dna--3{grid-template-column :repeat(auto-fit,minmax(250px,1fr))}.grid-dna--4{grid-template-column :repeat(auto-fit,minmax(200px,1fr))}@media(min-width:768px){.grid-dna--md-2{grid-template-column :repeat(2,1fr)}.grid-dna--md-3{grid-template-column :repeat(3,1fr)}.grid-dna--md-4{grid-template-column :repeat(4,1fr)}}.text-di play{background:var(--gradient-primary);-webkit-background-clip:text;font- ize:var(--text-di play);font-weight:var(--font-weight-black);letter- pacing:var(--letter- pacing-di play);line-height:var(--line-height-di play);-webkit-text-fill-color:tran parent;background-clip:text;-webkit-font- moothing:antialia ed;-moz-o x-font- moothing:gray cale}.text-di play,.text-hero{font-family:var(--font- econdary);text-rendering:optimizeLegibility}.text-hero{color:var(--color-text-primary);font- ize:var(--text-hero);font-weight:var(--font-weight-bold);letter- pacing:var(--letter- pacing-hero);line-height:var(--line-height-hero)}.text-hero--gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:tran parent;background-clip:text}.text-lead{color:var(--color-text- econdary);font- ize: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- ize:var(--text-overline);font-weight:var(--font-weight-bold);letter- pacing:var(--letter- pacing-overline);margin-bottom:var(-- pace- m);text-tran form:upperca e}.text- himmer{background:linear-gradient(90deg,var(--color-text-primary) 0,var(--color-primary) 50%,var(--color-text-primary) 100%);-webkit-background-clip:text;background- ize:200% 100%;-webkit-text-fill-color:tran parent;animation:himmer-text 3  ea e-in-out infinite;background-clip:text}@keyframe   himmer-text{0%,to{background-po ition:0 50%}50%{background-po ition:100% 50%}}.animate-bounce{animation:bounce 2  var(--ea e-bounce-out) infinite}.animate- tagger>*{animation:lideUp var(--duration-medium) var(--ea e-bounce-out) forward ;opacity:0;tran form:tran lateY(20px)}.animate- tagger>:fir t-child{animation-delay:0m }.animate- tagger>:nth-child(2){animation-delay:.1 }.animate- tagger>:nth-child(3){animation-delay:.2 }.animate- tagger>:nth-child(4){animation-delay:.3 }.animate- tagger>:nth-child(5){animation-delay:.4 }.animate- tagger>:nth-child(6){animation-delay:.5 }@keyframe  bounce{0%,20%,53%,80%,to{tran form:tran lateY(0)}40%,43%{tran form:tran lateY(-10px)}70%{tran form:tran lateY(-5px)}90%{tran form:tran lateY(-2px)}}.btn-premium{align-item :center;border:none;border-radiu :var(--radiu -lg);cur or:pointer;di play:inline-flex;font-family:var(--font-primary);font- ize:var(--font- ize-ba e);font-weight:var(--font-weight- emibold);gap:var(-- pace-x );ju tify-content:center;line-height:1;min-height:44px;min-width:44px;overflow:hidden;padding:var(-- pace- m) var(-- pace-lg);po ition:relative;text-decoration:none;tran ition:var(--tran ition- mooth)}.btn-premium:before{background:h la(0,0%,100%,.3);border-radiu :50%;content:"";height:0;left:50%;pointer-event :none;po ition:ab olute;top:50%;tran form:tran late(-50%,-50%);tran ition:width var(--duration- low),height var(--duration- low);width:0}.btn-premium:hover{tran form:tran lateY(-2px)}.btn-premium:active{tran form:tran lateY(0);tran ition-duration:var(--duration-micro)}.btn-premium:active:before{height:300px;width:300px}.btn-premium--primary{background:var(--gradient-primary);box- hadow:var(-- hadow-primary- oft);color:var(--color-white)}.btn-premium--primary:hover{box- hadow:var(-- hadow-primary-medium)}.btn-premium--primary:focu -vi ible{box- hadow:var(-- hadow-primary-medium),var(-- hadow-focu )}.btn-premium-- econdary{background:var(--gradient- econdary);box- hadow:var(-- hadow- econdary- oft);color:var(--color-white)}.btn-premium-- econdary:hover{box- hadow:var(-- hadow- econdary-medium)}.btn-premium--gla{backdrop-filter:var(--gla -backdrop);-webkit-backdrop-filter:var(--gla -backdrop);background:var(--gla -bg-light);border:1px  olid var(--gla -border);box- hadow:var(-- hadow-gla );color:var(--color-white)}.btn-premium--gla :hover{background:h la(0,0%,100%,.15);border-color:h la(0,0%,100%,.3)}.btn-premium--gradient-border{background:var(--color-white);background-clip:padding-box;border:2px  olid tran parent;color:var(--color-primary)}.btn-premium--gradient-border:after{background:var(--gradient-primary);border-radiu :inherit;content:"";in et:0;-webkit-ma k:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);ma k:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);ma k-compo ite:xor;-webkit-ma k-compo ite:xor;padding:2px;pointer-event :none;po ition:ab olute}.btn-premium--gradient-border:hover{color:var(--color-white)}.btn-premium--gradient-border:hover:after{background:var(--gradient-primary)}.btn-premium-- m{font- ize:var(--font- ize- m);min-height:36px;padding:var(-- pace-x ) var(-- pace-md)}.btn-premium--lg{font- ize:var(--font- ize-lg);min-height:56px;padding:var(-- pace-md) var(-- pace-xl)}.btn-premium--xl{font- ize:var(--font- ize-xl);min-height:64px;padding:var(-- pace-lg) var(-- pace-2xl)}.btn-premium--loading{color:tran parent;pointer-event :none}.btn-premium--loading:after{animation:pinner .8  linear infinite;border:2px  olid var(--color-white);border-radiu :50%;border-top:2px  olid tran parent;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;po ition:ab olute;top:50%;width:20px}.btn-premium--di abled,.btn-premium:di abled{box- hadow:none!important;cur or:not-allowed;opacity:.5;tran form:none!important}.btn-premium--di abled:before,.btn-premium:di abled:before{di play:none}@keyframe   pinner{to{tran form:rotate(1turn)}}.form-group-premium{margin-bottom:var(-- pace-lg);po ition:relative}.form-group-premium .form-control{background:var(--color-white);border:2px  olid var(--border-color);border-radiu :var(--radiu -lg);color:var(--color-text-primary);font-family:var(--font-primary);font- ize:var(--font- ize-ba e);height:56px;padding:0 var(-- pace-md);tran ition:var(--tran ition- mooth);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:focu{background:var(--color-white);border-color:var(--color-primary);box- hadow:0 0 0 4px rgba(var(--color-primary-rgb),.1);outline:none}.form-group-premium .form-control.i -invalid{border-color:var(--color-danger)}.form-group-premium .form-control.i -invalid:focu{box- hadow:0 0 0 4px rgba(var(--color-danger-rgb),.1)}.form-group-premium .form-control.i -valid{border-color:var(--color- ucce )}.form-group-premium .form-control.i -valid:focu{box- hadow:0 0 0 4px rgba(var(--color- ucce -rgb),.1)}.form-group-premium--floating .form-control{padding-top:24px}.form-group-premium--floating .form-control::-moz-placeholder{color:tran parent}.form-group-premium--floating .form-control::placeholder{color:tran parent}.form-group-premium--floating .form-control:not(:-moz-placeholder)+label{color:var(--color-primary);tran form:tran lateY(-24px)  cale(.85)}.form-group-premium--floating .form-control:focu +label,.form-group-premium--floating .form-control:not(:placeholder- hown)+label{color:var(--color-primary);tran form:tran lateY(-24px)  cale(.85)}.form-group-premium--floating label{background:var(--color-white);color:var(--color-text- econdary);font- ize:var(--font- ize-ba e);left:var(-- pace-md);padding:0 var(-- pace-x );pointer-event :none;po ition:ab olute;top:50%;tran form:tran lateY(-50%);tran form-origin:left center;tran ition:var(--tran ition- mooth)}.form-group-premium--gla  .form-control{backdrop-filter:var(--gla -backdrop);-webkit-backdrop-filter:var(--gla -backdrop);background:var(--gla -bg-light);border-color:var(--gla -border);color:var(--color-white)}.form-group-premium--gla  .form-control::-moz-placeholder{color:h la(0,0%,100%,.7)}.form-group-premium--gla  .form-control::placeholder{color:h la(0,0%,100%,.7)}.form-group-premium--gla  .form-control:focu{background:h la(0,0%,100%,.15);border-color:h la(0,0%,100%,.4)}.form-group-premium--gla .form-group-premium--floating label{background:tran parent;color:h la(0,0%,100%,.8)}.form-group-premium .form-help{color:var(--color-text- econdary);font- ize:var(--font- ize- m);margin-top:var(-- pace-x )}.form-group-premium .form-help.i -invalid{color:var(--color-danger)}.form-group-premium .form-help.i -valid{color:var(--color- ucce )}.card-premium{background:var(--color-white);border-radiu :var(--radiu -xl);box- hadow:var(-- hadow-03);overflow:hidden;padding:var(-- pace-xl);po ition:relative;tran ition:var(--tran ition- mooth)}.card-premium:hover{box- hadow:var(-- hadow-05);tran form:tran lateY(-4px)}.card-premium--gla{backdrop-filter:var(--gla -backdrop);-webkit-backdrop-filter:var(--gla -backdrop);background:var(--gla -bg-light);border:1px  olid var(--gla -border);box- hadow:var(-- hadow-gla )}.card-premium--gla :hover{background:h la(0,0%,100%,.12);border-color:h la(0,0%,100%,.3)}.card-premium--gradient-border{background-clip:padding-box;border:2px  olid tran parent}.card-premium--gradient-border:before{background:var(--gradient-primary);border-radiu :inherit;content:"";in et:0;-webkit-ma k:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);ma k:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);ma k-compo ite:xor;-webkit-ma k-compo ite:xor;padding:2px;po ition:ab olute}.card-premium-- himmer{overflow:hidden}.card-premium-- himmer:after{animation:himmer 3  ea e-in-out infinite;background:linear-gradient(45deg,tran parent 30%,h la(0,0%,100%,.1) 50%,tran parent 70%);content:"";height:200%;left:-50%;po ition:ab olute;top:-50%;tran form:rotate(45deg);width:200%}. keleton-premium{animation:keleton- himmer 1.5  ea e-in-out infinite;background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background- ize:400% 100%;border-radiu :var(--radiu -md)}. keleton-premium--text{height:1rem;margin-bottom:var(-- pace-x )}. keleton-premium--text:la t-child{width:80%}. keleton-premium--title{height:2rem;margin-bottom:var(-- pace-md);width:60%}. keleton-premium--avatar{border-radiu :50%;height:60px;width:60px}. keleton-premium--button{border-radiu :var(--radiu -lg);height:44px;width:120px}. keleton-premium--card{border-radiu :var(--radiu -xl);height:300px}@keyframe   keleton- himmer{0%{background-po ition:200% 0}}.dna-loader{height:100px;margin:0 auto;po ition:relative;width:100px}.dna-loader .helix{height:100%;po ition:relative;width:100%}.dna-loader .helix . trand{animation:rotate 2  linear infinite;border:3px  olid tran parent;border-radiu :50%;height:100%;po ition:ab olute;width:100%}.dna-loader .helix . trand:fir t-child{animation-delay:0 ;border-left-color:var(--color-primary);border-right-color:var(--color-primary)}.dna-loader .helix . trand:nth-child(2){animation-delay:-.5 ;border-bottom-color:var(--color- econdary);border-top-color:var(--color- econdary)}.dna-loader .helix . trand:nth-child(3){animation-delay:-1 ;border-left-color:var(--color-accent);border-right-color:var(--color-accent);opacity:.6;tran form:cale(.8)}.gla -light{background:var(--gla -bg-light);border:1px  olid var(--gla -border)}.gla -dark,.gla -light{backdrop-filter:var(--gla -backdrop);-webkit-backdrop-filter:var(--gla -backdrop)}.gla -dark{background:var(--gla -bg-dark);border:1px  olid h la(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- un et{background:var(--gradient- un et)}.bg-gradient-ocean{background:var(--gradient-ocean)}.bg-gradient-fore t{background:var(--gradient-fore t)}.bg-gradient-royal{background:var(--gradient-royal)}.bg-gradient-ro e{background:var(--gradient-ro e)}. hadow-brand{box- hadow:var(-- hadow-primary- oft)}. hadow-brand- trong{box- hadow:var(-- hadow-primary- trong)}. hadow-gla{box- hadow:var(-- hadow-gla )}.tran ition- mooth{tran ition:var(--tran ition- mooth)}.tran ition-bounce{tran ition:var(--tran ition-bounce)}.tran ition-ela tic{tran ition:var(--tran ition-ela tic)}.tran ition-micro{tran ition:var(--tran ition-micro)}.focu -ring:focu -vi ible{box- hadow:var(-- hadow-focu );outline:none}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:tran parent;background-clip:text}.text-gradient- econdary{background:var(--gradient- econdary);-webkit-background-clip:text;-webkit-text-fill-color:tran parent;background-clip:text}@media(max-width:767px){.text-di play{font- ize:clamp(2rem,8vw,3rem)}.text-hero{font- ize: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(-- pace-lg)}}@media(prefer -contra t:high){.btn-premium{border:2px  olid}.form-group-premium .form-control{border-width:2px}.card-premium{border:1px  olid var(--color-gray-400)}}.d-flex{di play:flex}.d-inline-flex{di play:inline-flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.ju tify-content- tart{ju tify-content:flex- tart}.ju tify-content-center{ju tify-content:center}.ju tify-content-end{ju tify-content:flex-end}.ju tify-content-between{ju tify-content:pace-between}.ju tify-content-around{ju tify-content:pace-around}.ju tify-content-evenly{ju tify-content:pace-evenly}.align-item - tart{align-item :flex- tart}.align-item -center{align-item :center}.align-item -end{align-item :flex-end}.align-item - tretch{align-item :tretch}.align-item -ba eline{align-item :ba eline}.align- elf- tart{align- elf:flex- tart}.align- elf-center{align- elf:center}.align- elf-end{align- elf:flex-end}.align- elf- tretch{align- elf:tretch}.flex-grow-1{flex-grow:1}.flex- hrink-1{flex- hrink:1}.flex-fill{flex:1 1 auto}.d-grid{di play:grid}.d-inline-grid{di play:inline-grid}.grid-col -1{grid-template-column :repeat(1,1fr)}.grid-col -2{grid-template-column :repeat(2,1fr)}.grid-col -3{grid-template-column :repeat(3,1fr)}.grid-col -4{grid-template-column :repeat(4,1fr)}.grid-col -5{grid-template-column :repeat(5,1fr)}.grid-col -6{grid-template-column :repeat(6,1fr)}.gap-0{gap:0}.gap-1{gap:var(-- pace-xx )}.gap-2{gap:var(-- pace-x )}.gap-3{gap:var(-- pace- m)}.gap-4{gap:var(-- pace-md)}.gap-5{gap:var(-- pace-lg)}.gap-6{gap:var(-- pace-xl)}.gap-8{gap:var(-- pace-2xl)}.po ition- tatic{po ition:tatic}.po ition-relative{po ition:relative}.po ition-ab olute{po ition:ab olute}.po ition-fixed{po ition:fixed}.po ition- ticky{po ition:ticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.in et-0{in et: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(-- pace-xx )}.m-2{margin:var(-- pace-x )}.m-3{margin:var(-- pace- m)}.m-4{margin:var(-- pace-md)}.m-5{margin:var(-- pace-lg)}.m-6{margin:var(-- pace-xl)}.m-8{margin:var(-- pace-2xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(-- pace-xx )}.mt-2{margin-top:var(-- pace-x )}.mt-3{margin-top:var(-- pace- m)}.mt-4{margin-top:var(-- pace-md)}.mt-5{margin-top:var(-- pace-lg)}.mt-6{margin-top:var(-- pace-xl)}.mt-8{margin-top:var(-- pace-2xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(-- pace-xx )}.mb-2{margin-bottom:var(-- pace-x )}.mb-3{margin-bottom:var(-- pace- m)}.mb-4{margin-bottom:var(-- pace-md)}.mb-5{margin-bottom:var(-- pace-lg)}.mb-6{margin-bottom:var(-- pace-xl)}.mb-8{margin-bottom:var(-- pace-2xl)}.ml-0,.m -0{margin-left:0}.ml-1,.m -1{margin-left:var(-- pace-xx )}.ml-2,.m -2{margin-left:var(-- pace-x )}.ml-3,.m -3{margin-left:var(-- pace- m)}.ml-4,.m -4{margin-left:var(-- pace-md)}.ml-5,.m -5{margin-left:var(-- pace-lg)}.ml-6,.m -6{margin-left:var(-- pace-xl)}.ml-8,.m -8{margin-left:var(-- pace-2xl)}.ml-auto,.m -auto{margin-left:auto}.me-0,.mr-0{margin-right:0}.me-1,.mr-1{margin-right:var(-- pace-xx )}.me-2,.mr-2{margin-right:var(-- pace-x )}.me-3,.mr-3{margin-right:var(-- pace- m)}.me-4,.mr-4{margin-right:var(-- pace-md)}.me-5,.mr-5{margin-right:var(-- pace-lg)}.me-6,.mr-6{margin-right:var(-- pace-xl)}.me-8,.mr-8{margin-right:var(-- pace-2xl)}.me-auto,.mr-auto{margin-right:auto}.p-0{padding:0}.p-1{padding:var(-- pace-xx )}.p-2{padding:var(-- pace-x )}.p-3{padding:var(-- pace- m)}.p-4{padding:var(-- pace-md)}.p-5{padding:var(-- pace-lg)}.p-6{padding:var(-- pace-xl)}.p-8{padding:var(-- pace-2xl)}.pt-0{padding-top:0}.pt-1{padding-top:var(-- pace-xx )}.pt-2{padding-top:var(-- pace-x )}.pt-3{padding-top:var(-- pace- m)}.pt-4{padding-top:var(-- pace-md)}.pt-5{padding-top:var(-- pace-lg)}.pt-6{padding-top:var(-- pace-xl)}.pt-8{padding-top:var(-- pace-2xl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(-- pace-xx )}.pb-2{padding-bottom:var(-- pace-x )}.pb-3{padding-bottom:var(-- pace- m)}.pb-4{padding-bottom:var(-- pace-md)}.pb-5{padding-bottom:var(-- pace-lg)}.pb-6{padding-bottom:var(-- pace-xl)}.pb-8{padding-bottom:var(-- pace-2xl)}.pl-0,.p -0{padding-left:0}.pl-1,.p -1{padding-left:var(-- pace-xx )}.pl-2,.p -2{padding-left:var(-- pace-x )}.pl-3,.p -3{padding-left:var(-- pace- m)}.pl-4,.p -4{padding-left:var(-- pace-md)}.pl-5,.p -5{padding-left:var(-- pace-lg)}.pl-6,.p -6{padding-left:var(-- pace-xl)}.pl-8,.p -8{padding-left:var(-- pace-2xl)}.pe-0,.pr-0{padding-right:0}.pe-1,.pr-1{padding-right:var(-- pace-xx )}.pe-2,.pr-2{padding-right:var(-- pace-x )}.pe-3,.pr-3{padding-right:var(-- pace- m)}.pe-4,.pr-4{padding-right:var(-- pace-md)}.pe-5,.pr-5{padding-right:var(-- pace-lg)}.pe-6,.pr-6{padding-right:var(-- pace-xl)}.pe-8,.pr-8{padding-right:var(-- pace-2xl)}.text-x{font- ize:var(--font- ize-x )}.text- m{font- ize:var(--font- ize- m)}.text-ba e{font- ize:var(--font- ize-ba e)}.text-lg{font- ize:var(--font- ize-lg)}.text-xl{font- ize:var(--font- ize-xl)}.text-2xl{font- ize:var(--font- ize-2xl)}.text-3xl{font- ize:var(--font- ize-3xl)}.text-4xl{font- ize:var(--font- ize-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- emibold{font-weight:var(--font-weight- emibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-black{font-weight:var(--font-weight-black)}.font-primary{font-family:var(--font-primary)}.font- econdary{font-family:var(--font- econdary)}.font-mono{font-family:var(--font-mono)}.text-left{text-align:left}.text-center{text-align:center!important}.text-right{text-align:right}.text-ju tify{text-align:ju tify}.upperca e{text-tran form:upperca e}.lowerca e{text-tran form:lowerca e}.capitalize{text-tran form:capitalize}.normal-ca e{text-tran form: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- nug{line-height:var(--line-height- nug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loo e{line-height:var(--line-height-loo e)}.tracking-tighter{letter- pacing:var(--letter- pacing-tighter)}.tracking-tight{letter- pacing:var(--letter- pacing-tight)}.tracking-normal{letter- pacing:var(--letter- pacing-normal)}.tracking-wide{letter- pacing:var(--letter- pacing-wide)}.tracking-wider{letter- pacing:var(--letter- pacing-wider)}.tracking-wide t{letter- pacing:var(--letter- pacing-wide t)}.text-primary{color:var(--color-primary)!important}.text- econdary{color:#495057!important}.text- ucce{color:var(--color- ucce )!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- econdary{background-color:var(--color- econdary)!important}.bg- ucce{background-color:var(--color- ucce )!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-tran parent{background-color:tran parent!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- econdary{background:var(--gradient- econdary)!important}.bg-gradient- ucce{background:var(--gradient- ucce )!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)  olid var(--border-color)!important}.border-2{border:var(--border-medium)  olid var(--border-color)!important}.border-4{border:var(--border-thick)  olid var(--border-color)!important}.border-t{border-top:var(--border-thin)  olid var(--border-color)!important}.border-r{border-right:var(--border-thin)  olid var(--border-color)!important}.border-b{border-bottom:var(--border-thin)  olid var(--border-color)!important}.border-l{border-left:var(--border-thin)  olid var(--border-color)!important}.border-primary{border-color:var(--color-primary)!important}.border- econdary{border-color:var(--color- econdary)!important}.border- ucce{border-color:var(--color- ucce )!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-tran parent{border-color:tran parent!important}.rounded-none{border-radiu :0!important}.rounded- m{border-radiu :var(--radiu - m)!important}.rounded,.rounded-md{border-radiu :var(--radiu -md)!important}.rounded-lg{border-radiu :var(--radiu -lg)!important}.rounded-xl{border-radiu :var(--radiu -xl)!important}.rounded-2xl{border-radiu :var(--radiu -2xl)!important}.rounded-full{border-radiu :var(--radiu -full)!important}. hadow-none{box- hadow:none!important}. hadow- m{box- hadow:var(-- hadow- m)!important}. hadow,. hadow-md{box- hadow:var(-- hadow-md)!important}. hadow-lg{box- hadow:var(-- hadow-lg)!important}. hadow-xl{box- hadow:var(-- hadow-xl)!important}. hadow-2xl{box- hadow:var(-- hadow-2xl)!important}. hadow-primary{box- hadow:var(-- hadow-primary)}. hadow- econdary{box- hadow:var(-- hadow- econdary)}. hadow-inner{box- hadow:var(-- hadow-inner)!important}.tran form{tran form:var(--tran form,none)}.tran form-none{tran form:none!important}. cale-0{--tran form:cale(0)}. cale-50{--tran form:cale(0.5)}. cale-75{--tran form:cale(0.75)}. cale-90{--tran form:cale(0.9)}. cale-95{--tran form:cale(0.95)}. cale-100{--tran form:cale(1)}. cale-105{--tran form:cale(1.05)}. cale-110{--tran form:cale(1.1)}. cale-125{--tran form:cale(1.25)}. cale-150{--tran form:cale(1.5)}.rotate-0{--tran form:rotate(0deg)}.rotate-1{--tran form:rotate(1deg)}.rotate-2{--tran form:rotate(2deg)}.rotate-3{--tran form:rotate(3deg)}.rotate-6{--tran form:rotate(6deg)}.rotate-12{--tran form:rotate(12deg)}.rotate-45{--tran form:rotate(45deg)}.rotate-90{--tran form:rotate(90deg)}.rotate-180{--tran form:rotate(180deg)}.tran late-x-0{--tran form:tran lateX(0)}.tran late-x-1{--tran form:tran lateX(var(-- pace-xx ))}.tran late-x-2{--tran form:tran lateX(var(-- pace-x ))}.tran late-x-4{--tran form:tran lateX(var(-- pace-md))}.tran late-y-0{--tran form:tran lateY(0)}.tran late-y-1{--tran form:tran lateY(var(-- pace-xx ))}.tran late-y-2{--tran form:tran lateY(var(-- pace-x ))}.tran late-y-4{--tran form:tran lateY(var(-- pace-md))}.cur or-auto{cur or:auto}.cur or-default{cur or:default}.cur or-pointer{cur or:pointer}.cur or-wait{cur or:wait}.cur or-text{cur or:text}.cur or-move{cur or:move}.cur or-help{cur or:help}.cur or-not-allowed{cur or:not-allowed}. elect-none{-webkit-u er- elect:none;-moz-u er- elect:none;u er- elect:none}. elect-text{-webkit-u er- elect:text;-moz-u er- elect:text;u er- elect:text}. elect-all{-webkit-u er- elect:all;-moz-u er- elect:all;u er- elect:all}. elect-auto{-webkit-u er- elect:auto;-moz-u er- elect:auto;u er- elect:auto}.vi ible{vi ibility:vi ible}.invi ible{vi ibility: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-vi ible{overflow:vi ible}.overflow- croll{overflow:croll}.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{di play:block!important}.d-inline{di play:inline}.d-inline-block{di play:inline-block}.d-none{di play:none!important}.tran ition{tran ition:var(--tran ition-default)}.tran ition-none{tran ition:none}.tran ition-fa t{tran ition:var(--tran ition-fa t)}.tran ition- low{tran ition:var(--tran ition- low)}.hover\:cale-105:hover{tran form:cale(1.05)}.hover\:cale-110:hover{tran form:cale(1.1)}.hover\:-tran late-y-1:hover{tran form:tran lateY(-.25rem)}.hover\:-tran late-y-2:hover{tran form:tran lateY(-.5rem)}.hover\:hadow-lg:hover{box- hadow:var(-- hadow-lg)}.hover\:hadow-xl:hover{box- hadow:var(-- hadow-xl)}.focu \:outline-none:focu{outline:none}.focu \:ring:focu{box- hadow:var(-- hadow-focu )}.focu \:ring-primary:focu{box- hadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}@media(min-width:576px){. m\:d-block{di play:block}. m\:d-none{di play:none}. m\:text-left{text-align:left}. m\:text-center{text-align:center}. m\:text-right{text-align:right}}@media(min-width:768px){.md\:d-block{di play:block}.md\:d-none{di play:none}.md\:d-flex{di play: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-ba e{font- ize:var(--font- ize-ba e)}.md\:text-lg{font- ize:var(--font- ize-lg)}.md\:text-xl{font- ize:var(--font- ize-xl)}.md\:text-2xl{font- ize:var(--font- ize-2xl)}}@media(min-width:992px){.lg\:d-block{di play:block}.lg\:d-none{di play:none}.lg\:d-flex{di play:flex}.lg\:grid-col -3{grid-template-column :repeat(3,1fr)}.lg\:grid-col -4{grid-template-column :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{di play:block}.xl\:d-none{di play:none}.xl\:grid-col -4{grid-template-column :repeat(4,1fr)}.xl\:grid-col -5{grid-template-column :repeat(5,1fr)}.xl\:grid-col -6{grid-template-column :repeat(6,1fr)}}.dna-pul e{animation:dna-pul e 2  cubic-bezier(.4,0,.6,1) infinite}.dna- pin{animation:dna- pin 3  linear infinite}.dna-float{animation:dna-float 6  ea e-in-out infinite}.dna-glow{animation:dna-glow 3  ea e-in-out infinite}@keyframe  dna- pin{0%{tran form:rotate(0deg)}to{tran form:rotate(1turn)}}@keyframe  dna-float{0%,to{tran form:tran lateY(0)}50%{tran form:tran lateY(-10px)}}@keyframe  dna-glow{0%,to{box- hadow:0 0 5px rgba(var(--color-primary-rgb),.5)}50%{box- hadow:0 0 20px rgba(var(--color-primary-rgb),.8)}}.compatibility-high{animation:compatibility-glow 2  ea e-in-out infinite;background:var(--gradient- ucce );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)}@keyframe  compatibility-glow{0%,to{box- hadow:0 0 10px rgba(var(--color- ucce -rgb),.5)}50%{box- hadow:0 0 20px rgba(var(--color- ucce -rgb),.8)}}.love-chemi try{po ition:relative}.love-chemi try:before{animation:love-beat 1.5  ea e-in-out infinite;content:"💕";font- ize:1.2em;opacity:.8;po ition:ab olute;right:-10px;top:-10px}@keyframe  love-beat{0%,to{tran form:cale(1)}50%{tran form:cale(1.3)}}.match-percentage{align-item :center;border-radiu :50%;di play:inline-flex;font- ize:var(--font- ize-lg);font-weight:var(--font-weight-bold);height:60px;ju tify-content:center;po ition:relative;width:60px}.match-percentage:before{animation:percentage-rotate 2  ea e-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-radiu :50%;content:"";in et:-2px;po ition:ab olute;z-index:-1}@keyframe  percentage-rotate{0%{tran form:rotate(0deg)}to{tran form:rotate(1turn)}}.not- r-only{height:auto;margin:0;overflow:vi ible;padding:0;po ition:tatic;width:auto;clip:auto;white- pace:normal}.focu -within\:ring:focu -within{box- hadow:var(-- hadow-focu )}.focu -vi ible\:ring:focu -vi ible{box- hadow:var(-- hadow-focu )}@media print{.print\:d-none{di play:none!important}.print\:d-block{di play:block!important}.print\:text-black{color:#000!important}.print\:bg-tran parent{background:tran parent!important}}@media(prefer -contra t:high){.text-muted{color:var(--color-text- econdary)!important}.bg-gray-100,.bg-gray-200{border:1px  olid var(--color-gray-400)}.btn-premium,.card-premium{border:1px  olid var(--color-gray-600)}}.h1,h1{font- ize:var(--font- ize-4xl);line-height:1.2;margin-bottom:var(-- pacing-lg)}.h2,h2{font- ize:var(--font- ize-3xl);line-height:1.3}.h2,.h3,h2,h3{margin-bottom:var(-- pacing-md)}.h3,h3{font- ize:var(--font- ize-2xl);line-height:1.4}.body-text,body{font- ize:var(--font- ize-ba e);line-height:1.6}.btn{border:none;border-radiu :var(--radiu -md);font-family:var(--font-primary);font- ize:1rem;font-weight:500;min-height:44px;min-width:44px;padding:.5rem 1.5rem;tran form:tran lateY(0);tran ition:all .2  ea e}.btn-lg{font- ize:var(--font- ize-ba e);padding:var(-- pacing-md) var(-- pacing-lg)}.btn:hover{box- hadow:0 4px 12px rgba(0,0,0,.15);tran form:tran lateY(-1px)}.btn:active{tran form:tran lateY(0);tran ition-duration:.1 }.form-control,.form- elect{border-color:var(--input-border-color);border-radiu :var(--input-border-radiu );border-width:1px;font-family:var(--font-primary);padding:var(--input-padding-y) var(--input-padding-x);tran ition:var(--tran ition-fa t)}.form-control:focu ,.form- elect:focu{border-color:var(--input-focu -color);box- hadow:var(--input-focu - hadow);tran form:cale(1.01)}.card{border:none;border-radiu :var(--card-radiu );box- hadow:var(--card- hadow);overflow:hidden;tran ition:var(--tran ition-default)}.card:hover{box- hadow:var(--card- hadow-hover);tran form:tran lateY(-4px)}@keyframe  pul e-glow{0%,to{opacity:1}50%{opacity:.7}}.loading-pul e{animation:pul e-glow 1.5  ea e-in-out infinite}@keyframe   ucce -bounce{0%,to{tran form:cale(1)}50%{tran form:cale(1.05)}}. ucce -bounce{animation:ucce -bounce .6  ea e-in-out}.form-text,. mall,.text-muted{color:#495057!important}.form-control::-moz-placeholder{color:#495057;opacity:.8}.form-control::placeholder{color:#495057;opacity:.8}.form-control:di abled,.form-control[readonly]{background-color:#f8f9fa;border-color:#6c757d;color:#495057;opacity:1}.btn-outline- econdary{border-color:#495057;color:#495057}.btn-outline- econdary:hover{background-color:#495057;border-color:#495057;color:#fff}.po itive-feedback{align-item :center;color:#198754;di play:flex;font- ize:.875rem;margin-top:.25rem}.po itive-feedback:before{content:"✓";font-weight:700;margin-right:.25rem}.enhanced-feedback{animation:fadeInUp .3  ea e}.pa word- trength-container{margin-top:.5rem}.pa word- trength-bar{background-color:#e9ecef;border-radiu :2px;height:4px;margin-bottom:.25rem;overflow:hidden}.pa word- trength-fill{border-radiu :2px;height:100%;tran ition:all .3  ea e}.pa word- trength-fill. trength-0{background-color:#dc3545;width:25%}.pa word- trength-fill. trength-1{background-color:#fd7e14;width:50%}.pa word- trength-fill. trength-2{background-color:#ffc107;width:75%}.pa word- trength-fill. trength-3{background-color:#198754;width:100%}.pa word- trength-text{color:#6c757d;font- ize:.75rem}@media(min-width:768px){.mobile-only{di play:none!important}}@media(max-width:575px){.tablet-up{di play:none!important}}@media(max-width:991px){.de ktop-up{di play:none!important}}.match-da hboard{padding:.5rem}@media(min-width:768px){.match-da hboard{padding:1rem}}@media(min-width:992px){.match-da hboard{padding:2rem}}.match-da hboard .match-card{margin-bottom:1rem;width:100%}@media(min-width:768px){.match-da hboard .match-card{margin-right:1rem;width:calc(50% - 1rem)}.match-da hboard .match-card:nth-child(2n){margin-right:0}}@media(min-width:992px){.match-da hboard .match-card{width:calc(33.333% - 1rem)}.match-da hboard .match-card:nth-child(2n){margin-right:1rem}.match-da hboard .match-card:nth-child(3n){margin-right:0}}.match-da hboard .match-card .match-image{height:200px}@media(min-width:768px){.match-da hboard .match-card .match-image{height:250px}}@media(min-width:992px){.match-da hboard .match-card .match-image{height:300px}}.match-da hboard .match-card .match-action{flex-direction:column}@media(min-width:768px){.match-da hboard .match-card .match-action{flex-direction:row}}.match-da hboard .match-card .match-action  button{margin-bottom:.5rem;width:100%}@media(min-width:768px){.match-da hboard .match-card .match-action  button{margin-bottom:0;margin-right:.5rem;width:auto}.match-da hboard .match-card .match-action  button:la t-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- hadow:0 10px 27px rgba(0,0,0,.05);flex-direction:column;left:-100%;po ition:fixed;text-align:center;top:70px;tran ition:.3 ;width:100%;z-index:1000}.navbar .nav-menu.active{left:0}@media(min-width:768px){.navbar .nav-menu{box- hadow:none;flex-direction:row;po ition:tatic;width:auto}}.navbar .hamburger{cur or:pointer;di play:block}@media(min-width:768px){.navbar .hamburger{di play:none}}.navbar .hamburger.active .bar:nth-child(2){opacity:0}.navbar .hamburger.active .bar:fir t-child{tran form:tran lateY(8px) rotate(45deg)}.navbar .hamburger.active .bar:nth-child(3){tran form:tran lateY(-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- ize:.875rem}@media(min-width:768px){.form-container .form-group label{font- ize:1rem}}.form-container .form-group input,.form-container .form-group  elect,.form-container .form-group textarea{font- ize:16px;padding:.75rem}@media(min-width:768px){.form-container .form-group input,.form-container .form-group  elect,.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:la t-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-radiu :0;height:100%}@media(min-width:768px){.modal .modal-content{border-radiu :.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- ize:15px}}@media(min-width:992px){html{font- ize:16px}}h1{font- ize:1.75rem}@media(min-width:768px){h1{font- ize:2.25rem}}@media(min-width:992px){h1{font- ize:2.5rem}}h2{font- ize:1.5rem}@media(min-width:768px){h2{font- ize:1.875rem}}@media(min-width:992px){h2{font- ize:2rem}}.p-mobile- m{padding:.5rem}@media(min-width:768px){.p-mobile- m{padding:1rem}}@media(min-width:992px){.p-mobile- m{padding:1.5rem}}.m-mobile- m{margin:.5rem}@media(min-width:768px){.m-mobile- m{margin:1rem}}@media(min-width:992px){.m-mobile- m{margin:1.5rem}}. crollable{-webkit-overflow- crolling:touch;overflow-y:auto}body{background-color:var(--color-background);color:var(--color-text-primary);di play:flex;flex-direction:column;font-family:var(--font-primary);font- ize:var(--font- ize-ba e);height:100%;line-height:var(--line-height-normal);min-height:100vh;overflow-x:hidden;-webkit-font- moothing:antialia ed;-moz-o x-font- moothing:gray cale}.wingman-chat{height:calc(100vh - 120px)}@media(min-width:768px){.wingman-chat{height:600px}}.wingman-chat .chat-me age{padding:.5rem}@media(min-width:768px){.wingman-chat .chat-me age{padding:1rem}}.wingman-chat .chat-input{padding:.5rem}@media(min-width:768px){.wingman-chat .chat-input{padding:1rem}}.wingman-chat .chat-input input{font- ize:16px}.alert-container{padding-top:var(-- pace-5xl)}. ite-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- econdary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(-- pace-md)}.h4,h4{font- ize:var(--font- ize-xl)}.h5,h5{font- ize:var(--font- ize-lg)}.h6,h6{font- ize:var(--font- ize-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- election{background:var(--color-primary);color:var(--color-white)}::election{background:var(--color-primary);color:var(--color-white)}a{color:var(--color-primary);tran ition:var(--tran ition-fa t)}a,a:hover{text-decoration:none}a:hover{color:var(--color-primary-dark)}.btn-primary{background:var(--gradient-primary);background-color:#0056b3;background- ize:120% 120%;border:0;border-color:#0f75bd;box- hadow:var(-- hadow-primary-light);color:#fff;tran ition:tran form var(--duration-micro) var(--ea e-out),box- hadow var(--duration-quick) var(--ea e-out),background-po ition var(--duration-quick) var(--ea e-out)}.btn-primary:hover{background-color:#004494;box- hadow:var(-- hadow-primary);tran form:tran lateY(-2px)}.btn- econdary{background:var(--gradient- econdary);background-color:#6c757d;border-color:#6c757d;color:#fff!important}.btn- econdary:hover{box- hadow:var(-- hadow- econdary);tran form:tran lateY(-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- econdary);font-weight:var(--font-weight-bold)}.card .card-header .card-tool  .btn{border-color:h la(0,0%,100%,.3);color:var(--color-white)}.card .card-header .card-tool  .btn:hover{background-color:h la(0,0%,100%,.1);border-color:h la(0,0%,100%,.5)}.card.card-gla{backdrop-filter:blur(10px);background:h la(0,0%,100%,.95);border:1px  olid h la(0,0%,100%,.2)}.offcanva{border:none;box- hadow:0 0 50px rgba(0,0,0,.15)}.offcanva  .offcanva -header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-white)}.offcanva  .offcanva -header .offcanva -title{font-family:var(--font- econdary);font-weight:var(--font-weight-bold)}.offcanva  .offcanva -header .btn-clo e{filter:invert(1)}.offcanva  .nav-pill  .nav-link{border-radiu :var(--radiu -md);tran ition:var(--tran ition-fa t)}.offcanva  .nav-pill  .nav-link:hover{background-color:rgba(var(--color-primary-rgb),.1)}.offcanva  .nav-pill  .nav-link.active{background:var(--gradient-primary)}.form-floating{po ition:relative}.form-floating>label{color:var(--color-text- econdary);font-weight:var(--font-weight-medium);tran ition:var(--tran ition-fa t)}.form-floating>label i{opacity:.7}.form-floating>.form-control:not(:-moz-placeholder)~label{color:var(--color-primary)}.form-floating>.form-control:focu ~label,.form-floating>.form-control:not(:placeholder- hown)~label{color:var(--color-primary)}.form-floating>.form-control:not(:-moz-placeholder)~label i{opacity:1}.form-floating>.form-control:focu ~label i,.form-floating>.form-control:not(:placeholder- hown)~label i{opacity:1}.form-floating>.form-control{border:2px  olid var(--color-border);border-radiu :var(--radiu -md);tran ition:var(--tran ition-fa t)}.form-floating>.form-control:focu{border-color:var(--color-primary);box- hadow:0 0 0 .25rem rgba(var(--color-primary-rgb),.15)}.form-floating>.form-control.i -valid{background-image:none;border-color:var(--color- ucce )}.form-floating>.form-control.i -invalid{background-image:none;border-color:var(--color-danger)}.toa t-container .toa t{backdrop-filter:blur(10px);border:none;border-radiu :var(--radiu -lg);box- hadow:var(-- hadow-lg)}.toa t-container .toa t .toa t-header{border-bottom:1px  olid h la(0,0%,100%,.2);font-weight:var(--font-weight-medium)}.toa t-container .toa t .toa t-body{font- ize:var(--font- ize- m)}.toa t-container .toa t. howing{animation:toa tSlideIn .3  ea e-out}.toa t-container .toa t.hiding{animation:toa tSlideOut .3  ea e-in}@keyframe  toa tSlideIn{0%{opacity:0;tran form:tran lateX(100%)}to{opacity:1;tran form:tran lateX(0)}}@keyframe  toa tSlideOut{0%{opacity:1;tran form:tran lateX(0)}to{opacity:0;tran form:tran lateX(100%)}}.dropdown-menu{background-color:#fff;border:1px  olid rgba(0,0,0,.15);border-radiu :var(--radiu -lg);box- hadow:var(-- hadow-lg);padding:.5rem 0;z-index:1000}.dropdown-menu .dropdown-item{padding:.75rem 1rem;tran ition:var(--tran ition-fa t)}.dropdown-menu .dropdown-item:focu ,.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- ize:var(--font- ize- m);font-weight:var(--font-weight-bold)}.dropdown-menu .dropdown-divider{margin:.5rem 0;opacity:.2}.progre{background-color:rgba(var(--color-primary-rgb),.1);border-radiu :var(--radiu -full)}.progre  .progre -bar{border-radiu :var(--radiu -full);tran ition:width .6  ea e}.progre  .progre -bar.progre -bar-animated{background-image:linear-gradient(45deg,h la(0,0%,100%,.15) 25%,tran parent 0,tran parent 50%,h la(0,0%,100%,.15) 0,h la(0,0%,100%,.15) 75%,tran parent 0,tran parent);background- ize:1rem 1rem}.form-control.i -valid,.wa -validated .form-control:valid{border-color:var(--color- ucce )}.form-control.i -valid:focu ,.wa -validated .form-control:valid:focu{border-color:var(--color- ucce );box- hadow:0 0 0 .25rem rgba(var(--color- ucce -rgb),.15)}.form-control.i -invalid,.wa -validated .form-control:invalid{border-color:var(--color-danger)}.form-control.i -invalid:focu ,.wa -validated .form-control:invalid:focu{border-color:var(--color-danger);box- hadow:0 0 0 .25rem rgba(var(--color-danger-rgb),.15)}.btn.btn-hover-glow:hover{box- hadow:0 0 20px rgba(var(--color-primary-rgb),.4)}.btn.btn-ripple{overflow:hidden;po ition:relative}.btn.btn-ripple:after{background:h la(0,0%,100%,.3);border-radiu :50%;content:"";height:0;left:50%;po ition:ab olute;top:50%;tran form:tran late(-50%,-50%);tran ition:all .3  ea e;width:0}.btn.btn-ripple:active:after{height:200px;width:200px}.navbar .navbar-brand{font-family:var(--font- econdary);font-weight:var(--font-weight-bold)}.navbar .navbar-nav .nav-link{font-weight:var(--font-weight-medium);tran ition:var(--tran ition-fa t)}.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-radiu :var(--radiu -full);font-weight:var(--font-weight-medium);padding:.35em .65em}.badge.bg-danger{animation:pul e 2  infinite}@keyframe  pul e{0%{tran form:cale(1)}to{tran form:cale(1)}}.info-card{border:1px  olid tran parent;tran ition:var(--tran ition-fa t)}.info-card:hover{background-color:rgba(var(--color-primary-rgb),.05)!important;border-color:var(--color-primary);tran form:tran lateY(-1px)}.info-card i{font- ize:.875rem}.progre -circle{align-item :center;background:conic-gradient(var(--color- ucce ) 0deg,var(--color- ucce ) calc(var(--percentage,0)*3.6deg),var(--color-border) calc(var(--percentage,0)*3.6deg),var(--color-border) 1turn);border-radiu :50%;di play:inline-flex;height:60px;ju tify-content:center;po ition:relative;width:60px}.progre -circle:before{background:var(--color-white);border-radiu :50%;content:"";in et:3px;po ition:ab olute}.progre -circle>*{po ition:relative;z-index:1}.form-progre -container{background:rgba(var(--color-primary-rgb),.02);border:1px  olid rgba(var(--color-primary-rgb),.1);border-radiu :var(--radiu -lg);padding:1rem}.form-progre -container .progre{height:8px}.form-progre -container .progre  .progre -bar{border-radiu :var(--radiu -full)}.form-progre -container .progre  .progre -bar.bg- ucce{background:linear-gradient(90deg,var(--color- ucce ),var(--color- ucce -light))}.form-progre -container .progre  .progre -bar.bg-info{background:linear-gradient(90deg,var(--color-info),var(--color-info-light))}.form-progre -container .progre  .progre -bar.bg-warning{background:linear-gradient(90deg,var(--color-warning),var(--color-warning-light))}.form-progre -container .progre  .progre -bar.bg-danger{background:linear-gradient(90deg,var(--color-danger),var(--color-danger-light))}.badge-container .badge{font- ize:.75rem;padding:.375rem .75rem}.badge-container .badge.bg- ucce{background:linear-gradient(135deg,var(--color- ucce ),var(--color- ucce -dark))!important}.badge-container .badge.bg-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark))!important}.badge-container .badge i{font- ize:.875rem}.btn-group .btn{border-radiu :var(--radiu -md)}.btn-group .btn:fir t-child{border-bottom-right-radiu :0;border-top-right-radiu :0}.btn-group .btn:la t-child{border-bottom-left-radiu :0;border-top-left-radiu :0}.btn-group .btn:not(:fir t-child):not(:la t-child){border-radiu :0}.loading{pointer-event :none;po ition:relative}.loading:after{animation:pin .8  linear infinite;border:2px  olid var(--color-primary);border-radiu :50%;border-top:2px  olid tran parent;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;po ition:ab olute;top:50%;width:20px}@keyframe   pin{to{tran form:rotate(1turn)}}.gap-x{gap:var(-- pace-x )}.gap- m{gap:var(-- pace- m)}.gap-md{gap:var(-- pace-md)}.gap-lg{gap:var(-- pace-lg)}.gap-xl{gap:var(-- pace-xl)}.gap-2xl{gap:var(-- pace-2xl)}.gap-3xl{gap:var(-- pace-3xl)}.h1,.h2,.h3,h1,h2,h3{letter- pacing:-.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- hadow:0 1px 2px rgba(16,24,40,.06),0 10px 20px rgba(16,24,40,.08)}.btn-primary:focu ,.btn-primary:hover{background-color:var(--color-primary-dark);background-po ition:10% 0;border-color:var(--color-primary-dark);box- hadow:var(-- hadow-primary- trong);tran form:tran lateY(-1px)}.btn-accent{background:var(--gradient- econdary);border:0;box- hadow:var(-- hadow- econdary-light);color:var(--color-white)}.btn-accent:focu ,.btn-accent:hover{box- hadow:var(-- hadow- econdary- trong);color:var(--color-white);tran form:tran lateY(-1px)}.form-control{border:var(--border-thin)  olid var(--border-color);box- hadow:var(-- hadow-inner)}.form-control:focu{border-color:#86b7fe;box- hadow:0 0 0 .25rem rgba(13,110,253,.25)}.input-group-text{background-color:var(--color-gray-50);border-color:var(--border-color)}. ection{padding-bottom:clamp(2rem,3vw,4rem);padding-top:clamp(2rem,3vw,4rem)}. ection-lg{padding-bottom:clamp(3rem,4vw,6rem);padding-top:clamp(3rem,4vw,6rem)}@keyframe  fadeUp{0%{opacity:0;tran form:tran lateY(6px)}to{opacity:1;tran form:tran lateY(0)}}.animate-fadeUp{animation:fadeUp var(--duration- mooth) var(--ea e-out) both}.hero-title{font- ize:clamp(2rem,4vw,3.25rem);font-weight:800;line-height:1.1}.hero- ubtitle{color:h la(0,0%,100%,.85)}.badge- oft-primary{background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary)}.badge- oft-accent{background:rgba(var(--color- econdary-rgb),.12);color:var(--color- econdary)}.navbar-beautiful{backdrop-filter:aturate(180%) blur(14px);-webkit-backdrop-filter:aturate(180%) blur(14px);background:var(--nav-background);border-bottom:var(--border-thin)  olid rgba(16,24,40,.06)}.navbar-brand{color:var(--color-white)!important;font-weight:700;letter- pacing:-.02em}.footer-beautiful{background:var(--gradient-dark);color:h la(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-error{background-color:var(--color-danger-light);border-color:var(--color-gray-200);color:var(--color-danger)}.form-error  hr{border-top-color:var(--color-danger)}.form-error  .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(-- pace-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- hadow:var(-- hadow-x )}.panel-heading{background-image:none!important}.li t-group{margin-bottom:var(-- pace-4xl)}.li t-group-item{padding:var(-- pace- m) var(-- pace-md)}.activation-menu,. etting -menu{margin-bottom:0;margin-left:-1px;margin-right:-1px}. etting -menu{height:var(-- pace-5xl);overflow-y:croll}.upload-progre{text-align:center}#progre{background-color:var(--color-primary);background-image:none!important}.activation-panel{min-height:var(-- pace-5xl)}.progre - triped .progre -bar-info,.progre - triped .progre -bar-primary{background-image:none!important}.footer{background-color:var(--color-gray-800);color:var(--color-gray-500);padding-top:var(-- pace-lg)}.footer .head{color:var(--color-gray-100);font- ize:var(--font- ize-ba e);font-weight:var(--font-weight-bold);margin-bottom:var(-- pace-md);text-decoration:none}.footer a{color:var(--color-gray-500)}.footer a,.footer a:hover{font- ize:var(--font- ize- m);text-decoration:none}.footer a:hover{color:var(--color-gray-100)}.btn-cta{background-color:#f72c93;border-color:#f72c93;color:#fff!important;font- ize:var(--font- ize-lg);font-weight:600;min-height:var(--button-height-lg)}.btn-cta:focu ,.btn-cta:hover{background-color:var(--color- econdary-dark);border-color:var(--color- econdary);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{di play:none}@media only  creen and (max-width:1000px){.full-banner-image{di play:none}.mobile-banner{di play:block;margin-top:-65px;width:100%}}@media only  creen and (max-width:600px){.full-banner-image{di play:none}.mobile-banner{di play:block;margin-top:-65px;width:100%}}#mce-EMAIL{background-color:tran parent;border:olid var(--border-medium) var(--color-white);color:var(--color-white);margin-bottom:var(-- pace- m);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-compari on th{background-color:var(--color- econdary);color:var(--color-white);font- ize:var(--font- ize-lg);text-align:center}.table-compari on .price-plan-mobile{di play:none}@media only  creen and (max-width:600px){.table-compari on .price-plan{di play:none}.table-compari on .price-plan-mobile{background-color:#333;color:#fff;di play:block;font- ize:16px;text-align:center}.table-compari on .price{font- ize:32px}}.benefit{background-color:var(--color-gray-100);min-height:250px}.benefit  h1{font- ize:var(--font- ize-3xl);margin-bottom:var(-- pace-2xl);text-align:center}.upload{background-color:var(--color-gray-600);border:var(--border-medium)  olid var(--color-gray-700);color:var(--color-white);padding-bottom:var(-- pace-4xl);padding-top:var(-- pace-4xl);text-align:center}.drag-active{background-color:var(--color-primary);border:var(--border-medium)  olid var(--color-primary)}.drag-di abled{background-color:var(--color-gray-600);border:var(--border-medium)  olid var(--color-gray-700);color:var(--color-white)}.di abled-zone,.drag-di abled{padding-bottom:var(-- pace-4xl);padding-top:var(-- pace-4xl);text-align:center}.photo_upload{background-color:var(--color-gray-600);border:var(--border-medium)  olid var(--color-gray-700);color:var(--color-white);padding-bottom:var(-- pace-lg);padding-top:var(-- pace-lg);text-align:center}.form-inline .form-control{width:300px}. ignup{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- ocial{overflow:hidden;padding-left:44px;po ition:relative;text-align:left;text-overflow:ellip i ;white- pace:nowrap}.btn- ocial>:fir t-child{border-right:1px  olid rgba(0,0,0,.2);bottom:0;font- ize:1.6em;left:0;line-height:34px;po ition:ab olute;text-align:center;top:0;width:32px}.u er_action_required{background:url(../image /warning. vg) var(-- pace-x ) 50% no-repeat;background- ize:var(-- pace-lg) var(-- pace-lg);color:var(--color-warning);di play:inline-block;padding:var(-- pace-x ) var(-- pace-x ) var(-- pace-x ) calc(var(-- pace-lg)+var(-- pace-x ));po ition:relative}.blog-hero{background-image:url(/ tatic/image /blog/online-dating-relation hip -man-woman.jpg);background-po ition:50%;background-repeat:no-repeat;background- ize:cover;min-height:400px}.pre  a{text-decoration:none}.pre -grey{background-color:var(--color-gray-100)}.pre -icon{background-po ition:50%;background-repeat:no-repeat;background- ize:cover;margin:0 auto;padding:var(-- pace-lg);text-align:center}.pre  h3{margin-top:0}.hidden{di play:none}.heart -table tr th{font- ize:18px;text-align:center;width:200px}.heart -table tr td{padding:var(-- pace-2xl) 0;text-align:center}.upload-container{background-color:var(--color-gray-100);padding:0;padding-bottom:var(-- pace-4xl);width:100%}.upload-banner{margin-top:-65px;width:100%}.navbar .dropdown-menu{po ition:ab olute;z-index:1050}.navbar-toggler{border:1px  olid h la(0,0%,100%,.5)}.navbar-toggler-icon{background-image:url("data:image/ vg+xml;char et=utf-8,%3C vg xmln ='http://www.w3.org/2000/ vg' viewBox='0 0 30 30'%3E%3Cpath  troke='rgba(255,255,255,0.8)'  troke-linecap='round'  troke-miterlimit='10'  troke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/ vg%3E")}.navbar-nav .nav-link{color:h la(0,0%,100%,.8)!important}.navbar-nav .nav-link:hover{color:#fff!important}@media(min-width:768px){.navbar-nav{align-item :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;po ition:tatic;width:100%}}.banner3{align-item :center;background-color:#333;background-image:linear-gradient(135deg,#667eea,#764ba2),url(/ tatic/image /background/couple.webp);background-po ition:50%;background-repeat:no-repeat;background- ize:cover;di play:flex;height:100vh;ju tify-content:center;overflow:hidden;po ition:relative}.banner3-content{color:#fff;max-width:800px;padding:2rem;po ition:relative;text-align:center;z-index:2}.banner3-title{font- ize:3rem;font-weight:700;margin-bottom:1rem;text- hadow:2px 2px 4px rgba(0,0,0,.5)}.banner3- ubtitle{font- ize:1.5rem;margin-bottom:2rem;text- hadow:1px 1px 2px rgba(0,0,0,.5)}@media(max-width:768px){.banner3-title{font- ize:2rem}.banner3- ubtitle{font- ize:1.2rem}}.btn- tart-pwa{background-color:#f72c93;border:none;border-radiu :50px;box- hadow:0 4px 6px rgba(0,0,0,.2);color:#fff;di play:inline-block;font- ize:1.2rem;padding:1rem 2rem;text-decoration:none;tran ition:all .3  ea e}.btn- tart-pwa:hover{background-color:#d11b68;box- hadow:0 6px 8px rgba(0,0,0,.3);color:#fff;text-decoration:none;tran form:tran lateY(-2px)}.banner3,.banner3-dnaromance{background-image:url(/ tatic/image /background/couple.webp)}@media(max-width:768px){.banner3,.banner3-dnaromance{background-image:url(/ tatic/image /background/couple- kyline.webp)}}.banner3-dnaromance .banner3-title{color:#f72c93}.banner3-dnaromance .btn- tart-pwa{background-color:#f72c93}.banner3-dnaromance .btn- tart-pwa:hover{background-color:#d11b68}.banner3-datemetrix{align-item :center;background-image:url(/ tatic/image /background/Per onalitie .webp);background-po ition:50%;background- ize:cover;di play:flex;ju tify-content:center}@media(max-width:768px){.banner3-datemetrix{background-image:url(/ tatic/image /DateMetriX/Amy_USA_P ycMatch.webp)}}.banner3-datemetrix .banner3-content{background-color:rgba(103,58,183,.9);border-radiu :15px;margin:0 auto;padding:3rem;text-align:center}.banner3-datemetrix .banner3-title{color:#fff;text-align:center}.banner3-datemetrix .btn- tart-pwa{background-color:#6a1b9a}.banner3-datemetrix .btn- tart-pwa:hover{background-color:#4a148c}.banner3-genepool{align-item :center;background-image:url(/ tatic/image /genepool/3pannel.webp);background-po ition:50%;background- ize:cover;di play:flex;ju tify-content:center}.banner3-genepool.genepool-alt{background-image:url(/ tatic/image /genepool/pexel -maria-luiza-melo-12789912.jpeg)}@media(max-width:768px){.banner3-genepool{background-image:url(/ tatic/image /genepool/pexel -maria-luiza-melo-12789912.jpeg)}}.banner3-genepool .banner3-content{background-color:rgba(0,150,136,.9);border-radiu :15px;margin:0 auto;padding:3rem;text-align:center}.banner3-genepool .banner3-title{color:#fff;text-align:center}.banner3-genepool .btn- tart-pwa{background-color:#00897b}.banner3-genepool .btn- tart-pwa:hover{background-color:#00695c}.banner3-wellmatched{background-image:url(/ tatic/image /background/wellmatched-hero.jpg)}.banner3-wellmatched .banner3-content{background-color:rgba(33,150,243,.85);border-radiu :15px;padding:3rem}.banner3-wellmatched .banner3-title{color:#fff}.banner3-wellmatched .btn- tart-pwa{background-color:#1976d2}.banner3-wellmatched .btn- tart-pwa:hover{background-color:#0d47a1}.banner3-generecovery{background-image:url(/ tatic/image /background/recovery-dna.jpg)}.banner3-generecovery .banner3-content{background-color:rgba(76,175,80,.85);border-radiu :15px;padding:3rem}.banner3-generecovery .banner3-title{color:#fff}.banner3-generecovery .btn- tart-pwa{background-color:#388e3c}.banner3-generecovery .btn- tart-pwa:hover{background-color:#2e7d32}.banner3-heritablehealth{background-image:url(/ tatic/image /background/telehealth-genetic .jpg)}.banner3-heritablehealth .banner3-content{background-color:rgba(0,123,255,.85);border-radiu :15px;padding:3rem}.banner3-heritablehealth .banner3-title{color:#fff}.banner3-heritablehealth .btn- tart-pwa{background-color:#007bff}.banner3-heritablehealth .btn- tart-pwa:hover{background-color:#0056b3}.banner3-variant- kyline{background-image:url(/ tatic/image /background/couple- kyline.webp)}.banner3-variant- un et{background-image:url(/ tatic/image /background/couple- un et.webp)}.banner3-variant-nature{background-image:url(/ tatic/image /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;po ition:ab olute;right:0;top:0;z-index:1}@media(max-width:576px){.banner3-title{font- ize:1.75rem}.banner3- ubtitle{font- ize:1rem}.btn- tart-pwa{font- ize:1rem;padding:.75rem 1.5rem}}@media(min-re olution:192dpi){.banner3-dnaromance{background-image:url(/ tatic/image /background/couple@2x.webp)}.banner3-datemetrix{background-image:url(/ tatic/image /background/Per onalitie .webp)}.banner3-genepool{background-image:url(/ tatic/image /genepool/3pannel.webp)}}.carou el-control-next,.carou el-control-prev{background:none;border:none;color:#000;width:5%}.carou el-control-next-icon,.carou el-control-prev-icon{background-color:rgba(0,0,0,.5);border-radiu :50%;padding:20px}.carou el-indicator  [data-b -target]{background-color:#000}.offline-container{align-item :center;background-color:#f8f9fa;di play:flex;ju tify-content:center;min-height:100vh}.offline-content{padding:2rem;text-align:center}.offline-icon{color:#6c757d;font- ize:5rem;margin-bottom:2rem}.offline-title{color:#343a40;font- ize:2.5rem;margin-bottom:1rem}.offline-me age{color:#6c757d;font- ize:1.2rem;margin-bottom:2rem}.btn-retry{background-color:#007bff;border:none;border-radiu :50px;di play:inline-block;font- ize:1.1rem;padding:.75rem 2rem;tran ition:all .3  ea e}.btn-retry,.btn-retry:hover{color:#fff;text-decoration:none}.btn-retry:hover{background-color:#0056b3;tran form:tran lateY(-2px)}.form-label{margin-bottom:.5rem}@media(max-width:575.98px){.di play-1{font- ize:3rem}.di play-2{font- ize:2.5rem}.di play-3{font- ize:2rem}.di play-4{font- ize:1.75rem}}.banner3-dnamatchmaker{align-item :center;background-image:url(/ tatic/image /background/dnamatchmaker -hero.webp);background-po ition:50%;background- ize:cover;di play:flex;ju tify-content:center;min-height:600px;po ition:relative}.banner3-dnamatchmaker :before{background:linear-gradient(135deg,rgba(26,35,126,.9),rgba(194,24,91,.9));bottom:0;content:"";left:0;po ition:ab olute;right:0;top:0;z-index:1}.banner3-dnamatchmaker  .banner3-content{backdrop-filter:blur(10px);background:h la(0,0%,100%,.1);border-radiu :15px;padding:3rem;po ition:relative;text-align:center;z-index:2}.banner3-dnamatchmaker  .banner3-content h1,.banner3-dnamatchmaker  .banner3-content h2,.banner3-dnamatchmaker  .banner3-content h3,.banner3-dnamatchmaker  .banner3-content p{color:#fff;margin:0 auto}.banner3-dnamatchmaker  .banner3-content h1{font- ize:3.5rem;font-weight:700;margin-bottom:1.5rem;text- hadow:2px 2px 4px rgba(0,0,0,.3)}.banner3-dnamatchmaker  .banner3-content .lead{font- ize:1.5rem;margin-bottom:2rem;opacity:.95}.banner3-dnamatchmaker  .banner3-content .btn-dnamatchmaker -primary{background-color:gold;border:none;color:#1a237e;font-weight:700}.banner3-dnamatchmaker  .banner3-content .btn-dnamatchmaker -primary:hover{background-color:#ffc700;box- hadow:0 5px 15px rgba(255,215,0,.4);tran form:tran lateY(-2px)}.dropdown-item{color:#212529}.dropdown-item:focu ,.dropdown-item:hover{background-color:#f8f9fa;color:#212529}.navbar-dark .navbar-nav .dropdown-menu{background-color:#343a40;border-color:h la(0,0%,100%,.15)}.navbar-dark .navbar-nav .dropdown-menu .dropdown-item{color:h la(0,0%,100%,.8)}.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:focu ,.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:hover{background-color:h la(0,0%,100%,.1);color:#fff}.btn-outline-heart{border-color:#f72c93;color:#f72c93}.btn-outline-heart :hover{background-color:#f72c93;color:#fff}.btn.di abled,.btn:di abled{cur or:not-allowed;opacity:.65}.btn-group>.btn:not(:la t-child):not(.dropdown-toggle){border-bottom-right-radiu :0;border-top-right-radiu :0}.btn-group>.btn:not(:fir t-child){border-bottom-left-radiu :0;border-top-left-radiu :0}.card-header{background-color:#f8f9fa;border-bottom:1px  olid rgba(0,0,0,.125)}.plan-card{height:100%;tran ition:all .3  ea e}.plan-card:hover{box- hadow:0 10px 20px rgba(0,0,0,.1);tran form:tran lateY(-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-re pon ive{border:0}.table-compari on{font- ize:.875rem}.table-compari on td,.table-compari on th{padding:.5rem}}@media(min-width:768px)and (max-width:991px){.navbar-expand-lg .navbar-nav{flex-direction:row;flex-wrap:wrap;ju tify-content:center}.navbar-expand-lg .navbar-nav .nav-item{margin:0 .5rem}}.pre - ection{background-color:#f8f9fa;padding:60px 0}.pre -card{border:none;box- hadow:0 2px 4px rgba(0,0,0,.1);height:100%;tran ition:all .3  ea e}.pre -card:hover{box- hadow:0 5px 15px rgba(0,0,0,.2);tran form:tran lateY(-5px)}.pre -card .card-body{di play:flex;flex-direction:column;min-height:250px}.pre -card .pre -icon{align-item :center;color:#6c757d;di play:flex;font- ize:2rem;height:50px;ju tify-content:center;margin:0 auto 1rem;width:50px}.pre -card .card-title{color:#333;font- ize:1.1rem;font-weight:600;margin-bottom:.5rem}.pre -card .card-text{color:#666;flex-grow:1;font- ize:.9rem}.pre -card .btn-read-more{align- elf:flex- tart;margin-top:auto}@media(max-width:768px){.pre -card .card-body{min-height:200px}}@media(max-width:575px){.pre -card .pre -icon{font- ize:1.5rem;height:40px;width:40px}.pre -card .card-title{font- ize:1rem}.pre -card .card-text{font- ize:.85rem}}.team- ection{padding:60px 0}.team- ection .team-member{margin-bottom:30px;text-align:center}.team- ection .team-member img{border-radiu :50%;height:150px;margin-bottom:15px;-o-object-fit:cover;object-fit:cover;width:150px}.team- ection .team-member h4{font- ize:1.2rem;margin-bottom:5px}.team- ection .team-member .role{color:#6c757d;font- tyle:italic;margin-bottom:10px}.team- ection .team-member .bio{color:#666;font- ize:.9rem}.card a{color:var(--color-primary)}.card a:hover{color:var(--color-primary-dark)}.bg-dark .text-muted{color:h la(0,0%,100%,.6)!important}a:focu ,button:focu ,input:focu , elect:focu ,textarea:focu{outline:2px  olid var(--color-primary);outline-off et:2px}@media(prefer -contra t:high){.btn{border-width:2px}.card{border:2px  olid #000}}@media(prefer -color- cheme: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;tran ition:all .3  ea e}.blog-card:hover{box- hadow:0 10px 20px rgba(0,0,0,.1);tran form:tran lateY(-5px)}.blog-card:hover .blog-image img{tran form:cale(1.05)}.blog-card .blog-image{height:200px;overflow:hidden}.blog-card .blog-image img{height:100%;-o-object-fit:cover;object-fit:cover;tran ition:tran form .3  ea e;width:100%}.blog-card .card-body{flex:1;padding:1.25rem}.blog-card .card-body p{color:#555;font- ize:.95rem;line-height:1.6;margin-bottom:1rem}.blog-card .card-body p:la t-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- ize:.875rem;margin-bottom:.75rem}.blog-card .blog-meta i{margin-right:.25rem}.blog-card .blog-meta  pan{margin-right:1rem}.blog-card .blog-meta  pan:la t-child{margin-right:0}.blog-card .blog-tag{margin-top:1rem}.blog-card .blog-tag  .badge{font-weight:400;margin-right:.5rem}.blog-card .blog-tag  .badge:la t-child{margin-right:0}.pagination{ju tify-content:center;margin-top:3rem}.pagination .page-link{align-item :center;border-radiu :50%;color:var(--color-primary);di play:flex;height:40px;ju tify-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.di abled .page-link{color:#ccc}. earch-form .form-control{border-radiu :50px;padding-left:2.5rem}. earch-form .form-control:focu{box- hadow:0 0 0 .2rem rgba(var(--color-primary),.25)}. earch-form . earch-icon{color:#666;left:1rem;po ition:ab olute;top:50%;tran form:tran lateY(-50%)}.tag-cloud .tag-item{di play:inline-block;margin:.25rem}.tag-cloud .tag-item .badge{font- ize:.875rem;font-weight:400;padding:.5rem 1rem}.tag-cloud .tag-item .badge:hover{background-color:var(--color-primary);color:#fff}.new letter- ignup{background-color:#f8f9fa;border-radiu :10px;margin-top:2rem;padding:2rem}.new letter- ignup h3{margin-bottom:1rem}.new letter- ignup .form-control{border-radiu :50px 0 0 50px}.new letter- ignup .btn{border-radiu :0 50px 50px 0}. ocial- hare{margin:2rem 0}. ocial- hare . hare-btn{border-radiu :50px;color:#fff;di play:inline-block;margin-right:.5rem;padding:.5rem 1rem;text-decoration:none;tran ition:all .3  ea e}. ocial- hare . hare-btn:hover{box- hadow:0 5px 10px rgba(0,0,0,.2);tran form:tran lateY(-2px)}. ocial- hare . hare-btn.facebook{background-color:#3b5998}. ocial- hare . hare-btn.twitter{background-color:#1da1f2}. ocial- hare . hare-btn.linkedin{background-color:#0077b5}. ocial- hare . hare-btn.email{background-color:#666}. ocial- hare . hare-btn i{margin-right:.5rem}.related-po t{border-top:1px  olid #eee;margin-top:3rem;padding-top:3rem}.related-po t  h3{margin-bottom:2rem}.related-po t  .related-po t-item{margin-bottom:1.5rem}.related-po t  .related-po t-item h5{font- ize:1.1rem;margin-bottom:.5rem}.related-po t  .related-po t-item h5 a{color:#333;text-decoration:none}.related-po t  .related-po t-item h5 a:hover{color:var(--color-primary)}.related-po t  .related-po t-item .text-muted{font- ize:.875rem}.comment - ection{border-top:1px  olid #eee;margin-top:3rem;padding-top:3rem}.comment - ection .comment-item{border-bottom:1px  olid #f0f0f0;margin-bottom:2rem;padding-bottom:2rem}.comment - ection .comment-item:la t-child{border-bottom:none;padding-bottom:0}.comment - ection .comment-item .comment-header{align-item :center;di play:flex;margin-bottom:1rem}.comment - ection .comment-item .comment-header .avatar{border-radiu :50%;height:40px;margin-right:1rem;width:40px}.comment - ection .comment-item .comment-header .comment-meta{flex:1}.comment - ection .comment-item .comment-header .comment-meta .author{font-weight:600;margin-bottom:.25rem}.comment - ection .comment-item .comment-header .comment-meta .date{color:#666;font- ize:.875rem}.comment - ection .comment-item .comment-body{margin-left:56px}.comment - ection .comment-item .comment-body p{margin-bottom:.5rem}.comment - ection .comment-item .comment-body p:la t-child{margin-bottom:0}.comment - ection .comment-item .comment-action{margin-left:56px;margin-top:.5rem}.comment - ection .comment-item .comment-action  button{background:none;border:none;color:#666;cur or:pointer;font- ize:.875rem;margin-right:1rem;padding:0}.comment - ection .comment-item .comment-action  button:hover{color:var(--color-primary)}.comment - ection .comment-item .comment-action  button i{margin-right:.25rem}.author-bio{align-item :flex- tart;background-color:#f8f9fa;border-radiu :10px;di play:flex;margin-top:3rem;padding:2rem}.author-bio .author-avatar{border-radiu :50%;flex- hrink: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 . ocial-link  a{color:#666;di play:inline-block;font- ize:1.2rem;margin-right:1rem}.author-bio .author-info . ocial-link  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-de cription{color:#666;font- ize:1.1rem}.archive-filter{margin-bottom:2rem}.archive-filter  .filter-group{margin-bottom:1rem}.archive-filter  .filter-group label{font-weight:600;margin-right:1rem}.archive-filter  .filter-group input,.archive-filter  .filter-group  elect{max-width:200px}.taxonomy-header{margin-bottom:3rem;padding:3rem 0;text-align:center}.taxonomy-header .taxonomy-icon{color:var(--color-primary);font- ize:4rem;margin-bottom:1rem}.taxonomy-header h1{margin-bottom:1rem}.taxonomy-header .taxonomy-de cription{color:#666;font- ize:1.1rem;margin:0 auto;max-width:600px}.taxonomy-header .po t-count{color:#666;font- ize:.9rem;margin-top:1rem}pre{background-color:#f4f4f4;border:1px  olid #ddd;border-radiu :4px;overflow-x:auto;padding:1rem}pre code{background-color:tran parent;color:#333;padding:0}code{background-color:#f4f4f4;border-radiu :3px;color:#d14;font- ize:.875rem;padding:.2rem .4rem}blockquote{border-left:4px  olid var(--color-primary);color:#666;font- tyle:italic;margin:1.5rem 0;padding-left:1rem}blockquote p{margin-bottom:.5rem}blockquote p:la t-child{margin-bottom:0}blockquote cite{color:#666;di play:block;font- ize:.875rem;font- tyle:normal;margin-top:.5rem}blockquote cite:before{content:"— "}.table-re pon ive{margin:1.5rem 0}.table-re pon ive table{min-width:100%}.table-re pon ive table th{background-color:#f8f9fa;border-bottom:2px  olid #dee2e6;font-weight:600;padding:.75rem;text-align:left}.table-re pon ive table td{border-bottom:1px  olid #dee2e6;padding:.75rem}.table-re pon ive table tr:la t-child td{border-bottom:none}.back-to-top{align-item :center;background-color:var(--color-primary);border-radiu :50%;bottom:2rem;color:#fff;cur or:pointer;di play:flex;font- ize:1.5rem;height:50px;ju tify-content:center;opacity:0;po ition:fixed;right:2rem;tran ition:all .3  ea e;vi ibility:hidden;width:50px;z-index:1000}.back-to-top. how{opacity:1;vi ibility:vi ible}.back-to-top:hover{background-color:var(--color-primary-dark);tran form:tran lateY(-5px)}. pinner-container{align-item :center;di play:flex;ju tify-content:center;min-height:200px}. pinner-container . pinner-border{color:var(--color-primary);height:3rem;width:3rem}.error-page{align-item :center;di play:flex;ju tify-content:center;min-height:60vh;text-align:center}.error-page .error-code{color:var(--color-primary);font- ize:8rem;font-weight:700;line-height:1}.error-page .error-me age{font- ize:1.5rem;margin:1rem 0}.error-page .error-de cription{color:#666;margin-bottom:2rem}@media print{.back-to-top,.comment - ection,.footer,.navbar,.new letter- ignup,. idebar,. ocial- hare{di play:none!important}body{font- ize: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:tran parent;border:none;font- ize:12px!important;padding:.25rem .5rem!important}.nav-language-btn .language-text{di play:none;font-weight:700;text-tran form:upperca e}.nav-language-btn .flag-icon{margin-right:.25rem}.nav-language-btn:after{content:attr(data-lang-code);font-weight:700;margin-left:.25rem;text-tran form:upperca e}@media(min-width:992px){.nav-language-btn{font- ize:16px!important}.nav-language-btn .language-text{di play:inline;font-weight:700;text-tran form:upperca e}.nav-language-btn:after{content:none}}.who-we- erve- ection .compact-card{min-height:auto!important;padding:2rem 1.5rem}.who-we- erve- ection .compact-card .card-title{font- ize:1.25rem;margin-bottom:1rem}.who-we- erve- ection .compact-card .card-text{font- ize:.95rem;line-height:1.6;margin-bottom:0}.who-we- erve- ection .compact-card .fa-4x{font- ize:3rem;margin-bottom:1rem!important}@media(max-width:768px){.who-we- erve- ection.py-5{padding-bottom:2rem!important;padding-top:2rem!important}.who-we- erve- ection .compact-card{padding:1.5rem 1rem}}.banner3-couple -report{align-item :center;background-image:url(/ tatic/image /background/couple- kyline.webp);background-po ition:50%;background- ize:cover;di play:flex;ju tify-content:center}.no-webp .banner3-couple -report{background-image:url(/ tatic/image /background/couple- kyline.jpeg)}.banner3-couple -report .banner3-content{background-color:rgba(15,117,189,.9);border-radiu :15px;margin:0 auto;padding:3rem;text-align:center}.banner3-couple -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- hadow:0 2px 10px rgba(107,70,193,.3)}.navbar-datemetrix .navbar-brand{align-item :center;color:#fff!important;di play:flex;font- ize:1.8rem;font-weight:800;gap:10px;letter- pacing:1px;text-tran form:upperca e;tran ition:all .3  ea e}.navbar-datemetrix .navbar-brand:hover{text- hadow:0 0 20px h la(0,0%,100%,.5);tran form:cale(1.05)}.navbar-datemetrix .navbar-brand:hover img{filter:brightne (1.2) contra t(1.2) drop- hadow(0 0 10px rgba(255,255,255,.5));tran form:rotate(5deg)  cale(1.1)}.navbar-datemetrix .navbar-brand img{filter:brightne (1.1) contra t(1.1);height:45px;tran ition:all .3  ea e;width:auto}.navbar-datemetrix .navbar-nav .nav-link{color:#fff!important;font- ize:1.05rem;font-weight:600;letter- pacing:.5px;padding:.5rem 1.2rem!important;po ition:relative;text-tran form:upperca e}.navbar-datemetrix .navbar-nav .nav-link:after{background:#f7b500;bottom:0;content:"";height:3px;left:50%;po ition:ab olute;tran form:tran lateX(-50%);tran ition:all .3  ea e;width:0}.navbar-datemetrix .navbar-nav .nav-link:hover{color:#f7b500!important;tran form:tran lateY(-2px)}.navbar-datemetrix .navbar-nav .nav-link:hover:after{width:80%}.navbar-datemetrix .dropdown-menu{background:#7c3aed;border:none;box- hadow:0 5px 15px rgba(107,70,193,.3)}.navbar-datemetrix .dropdown-menu .dropdown-item{color:#fff!important;font-weight:500;tran ition:all .3  ea e}.navbar-datemetrix .dropdown-menu .dropdown-item:hover{background:#6a1b9a;color:#f7b500!important;padding-left:25px}. tep-icon{height:80px;tran ition:tran form .3  ea e,box- hadow .3  ea e;width:80px}. tep-icon:hover{box- hadow:0 8px 16px rgba(0,0,0,.2);tran form:cale(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- hadow:none!important}.datemetrix p,body.datemetrix p{color:#333!important;text- hadow: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  ection h1,.datemetrix  ection h2,.datemetrix  ection h3,.datemetrix  ection h4,.datemetrix  ection h5,.datemetrix  ection 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  ection h1,body.datemetrix  ection h2,body.datemetrix  ection h3,body.datemetrix  ection h4,body.datemetrix  ection h5,body.datemetrix  ection h6{color:#2e86ab!important;text- hadow:none!important}.datemetrix .banner3-datemetrix h1,.datemetrix .banner3-datemetrix h2,.datemetrix .banner3-datemetrix h3,.datemetrix .banner3-datemetrix p,.datemetrix .hero- ection h1,.datemetrix .hero- ection p,body.datemetrix .banner3-datemetrix h1,body.datemetrix .banner3-datemetrix h2,body.datemetrix .banner3-datemetrix h3,body.datemetrix .banner3-datemetrix p,body.datemetrix .hero- ection h1,body.datemetrix .hero- ection p{color:#fff!important;text- hadow: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-collap e{background:linear-gradient(135deg,#6a1b9a,#9333ea)!important;border-radiu :10px;margin-top:10px;padding:1rem}}.navbar-datemetrix .nav-link,.navbar-datemetrix .navbar-brand,.navbar-datemetrix .navbar-toggler{color:#fff!important}.navbar-datemetrix . ocial-icon{color:h la(0,0%,100%,.9)!important}.navbar-datemetrix . ocial-icon:hover{color:#f7b500!important}.navbar-genepool{background:linear-gradient(135deg,#00897b,#00bfa5)!important;box- hadow:0 2px 10px rgba(0,137,123,.3)}.navbar-genepool .navbar-brand{align-item :center;color:#fff!important;di play:flex;font- ize:1.8rem;font-weight:800;gap:10px;letter- pacing:1px;text-tran form:upperca e;tran ition:all .3  ea e}.navbar-genepool .navbar-brand:hover{text- hadow:0 0 20px h la(0,0%,100%,.5);tran form:cale(1.05)}.navbar-genepool .navbar-brand:hover img{filter:brightne (1.2) contra t(1.2) drop- hadow(0 0 10px rgba(255,255,255,.5));tran form:rotate(-5deg)  cale(1.1)}.navbar-genepool .navbar-brand img{filter:brightne (1.1) contra t(1.1);height:45px;tran ition:all .3  ea e;width:auto}.navbar-genepool .navbar-nav .nav-link{color:#fff!important;font- ize:1.05rem;font-weight:600;letter- pacing:.5px;padding:.5rem 1.2rem!important;po ition:relative;text-tran form:upperca e}.navbar-genepool .navbar-nav .nav-link:after{background:#64ffda;bottom:0;content:"";height:3px;left:50%;po ition:ab olute;tran form:tran lateX(-50%);tran ition:all .3  ea e;width:0}.navbar-genepool .navbar-nav .nav-link:hover{color:#64ffda!important;tran form:tran lateY(-2px)}.navbar-genepool .navbar-nav .nav-link:hover:after{width:80%}.navbar-genepool .dropdown-menu{background:#00a693;border:none;box- hadow:0 5px 15px rgba(0,137,123,.3)}.navbar-genepool .dropdown-menu .dropdown-item{color:#fff!important;font-weight:500;tran ition:all .3  ea e}.navbar-genepool .dropdown-menu .dropdown-item:hover{background:#00897b;color:#64ffda!important;padding-left:25px}.navbar-brand-enhanced{backdrop-filter:blur(10px);background:h la(0,0%,100%,.1);border-radiu :50px;padding:5px 15px;po ition:relative;tran ition:all .3  ea e}.navbar-brand-enhanced:hover{background:h la(0,0%,100%,.2);box- hadow:0 0 20px h la(0,0%,100%,.3)}.btn:focu{outline:3px  olid currentColor;outline-off et:2px}.btn- econdary:active,.btn- econdary:focu ,.btn- econdary:hover{background-color:#545b62!important;border-color:#545b62;color:#fff!important}.btn-light{background-color:#fff;border:2px  olid #6c757d;color:#212529!important;font-weight:500}.btn-light:active,.btn-light:focu ,.btn-light:hover{background-color:#212529!important;border-color:#212529;box- hadow:0 4px 8px rgba(0,0,0,.15);color:#fff!important;tran form:tran lateY(-2px)}.btn-info{background-color:#17a2b8;border-color:#17a2b8;color:#fff!important}.btn-info:active,.btn-info:focu ,.btn-info:hover{background-color:#138496!important;border-color:#138496;color:#fff!important}.btn-outline-light{background-color:h la(0,0%,100%,.1);border-width:2px;font-weight:600}.btn-outline-light:active,.btn-outline-light:focu ,.btn-outline-light:hover{background-color:#fff!important;border-color:#fff;color:#212529!important}.btn-overlay-light{background-color:h la(0,0%,100%,.2);border:2px  olid #fff;color:#fff!important;font-weight:600}.btn-overlay-light:active,.btn-overlay-light:focu ,.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:focu ,.btn-outline-dark:hover{background-color:#212529!important;color:#fff!important}.banner3-datemetrix .btn-outline-light:focu ,.banner3-datemetrix .btn-outline-light:hover{color:#6a1b9a!important}.banner3-genepool .btn-outline-light:focu ,.banner3-genepool .btn-outline-light:hover{color:#00897b!important}.banner3-wellmatched .btn-outline-light:focu ,.banner3-wellmatched .btn-outline-light:hover{color:#1976d2!important}.btn-primary:active,.btn-primary:focu ,.btn-primary:hover{background-color:#0c5c96!important;border-color:#0c5c96;color:#fff!important}.btn-primary:di abled{background-color:#6c757d;border-color:#6c757d;opacity:.65}.btn-cta:active,.btn-cta:focu ,.btn-cta:hover{background-color:#d11b68!important;border-color:#d11b68;color:#fff!important}.banner3-datingwingman{background:linear-gradient(135deg,#7b68ee,#ff69b4);background-po ition:50%;background- ize:cover}.banner3-datingwingman .btn-outline-light:focu ,.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:focu ,.datingwingman .btn-primary:hover{background-color:#6a5acd!important;border-color:#6a5acd!important}.datingwingman .text- econdary{color:hotpink!important}.datingwingman .bg- econdary{background-color:hotpink!important}.datingwingman .text-accent{color:gold!important}.datingwingman .bg-accent{background-color:gold!important}.datingwingman .chat-interface{background:#f8f9fa;border-radiu :20px;box- hadow:0 4px 20px rgba(0,0,0,.1)}.datingwingman .chat-me age.u er{background:#7b68ee;border-radiu :18px 18px 4px 18px;color:#fff}.datingwingman .chat-me age.wingman{background:#e9ecef;border-radiu :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  olid tran parent;tran ition:tran form .3  ea e}.datingwingman .feature-card:hover{box- hadow:0 8px 25px rgba(123,104,238,.2);tran form:tran lateY(-5px)}.datingwingman .pricing-card.premium{border:2px  olid #7b68ee;po ition:relative}.datingwingman .pricing-card.premium .badge-popular{background:gold;border-radiu :20px;color:#333;font-weight:600;padding:4px 16px;po ition:ab olute;right:20px;top:-12px}.blog- ection .container{max-width:1200px!important;padding:0 15px!important}.blog- ection .row{di play:block!important;margin:0!important;width:100%!important}.blog- ection .row>.text-center,.blog- ection .row>.text-center #wrapper,.blog- ection .row>.text-center #wrapper #main{di play:block!important;margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.blog- ection .col-12,.blog- ection .col-lg-12,.blog- ection .col-md-12{flex:0 0 100%!important;max-width:100%!important;width:100%!important}.blog- ection article.po t{box- izing:border-box!important;margin:0 auto 3rem!important;max-width:900px!important;padding:3rem!important;text-align:left!important;width:100%!important}.blog- ection article.po t *{text-align:left!important}.blog- ection article.po t h1{margin-bottom:2rem!important;text-align:center!important}.blog- ection article.po t h2{margin:3rem 0 1.5rem!important;text-align:center!important}.blog- ection article.po t .image,.blog- ection article.po t .image img,.blog- ection article.po t a.image,.blog- ection article.po t a.image img,.blog- ection article.po t figure,.blog- ection article.po t figure img{di play:block!important;margin:0 auto!important;text-align:center!important}.blog- ection article.po t div[ tyle*="max-width:31.25rem"]{max-width:100%!important}.blog- ection article.po t header,.blog- ection article.po t header .title{width:100%!important}.blog- ection article.po t .text- tart{text-align:left!important;width:100%!important}.blog- ection article.po t .text- tart h3,.blog- ection article.po t .text- tart h4,.blog- ection article.po t .text- tart p{text-align:left!important}.blog- ection article.po t>.text-center{margin:2rem 0!important;text-align:center!important}.blog- ection article.po t>.text-center .btn,.blog- ection article.po t>.text-center .btnn{di play:inline-block!important;margin:.5rem!important;text-align:center!important}@media(max-width:768px){.blog- ection article.po t{max-width:100%!important;padding:1.5rem!important}.blog- ection .container{padding:0 10px!important}}.chat-container{height:55vh;overflow:auto;crollbar-color:rgba(0,0,0,.2) tran parent;crollbar-width:thin}.chat-container::-webkit- crollbar{width:8px}.chat-container::-webkit- crollbar-track{background:tran parent}.chat-container::-webkit- crollbar-thumb{background-color:rgba(0,0,0,.2);border-radiu :4px}.btn:focu -vi ible,button:focu -vi ible{box- hadow:0 0 0 .25rem rgba(var(--b -primary-rgb),.25);outline:2px  olid var(--b -primary);outline-off et:2px}a:focu -vi ible{outline:2px  olid var(--b -primary);outline-off et:2px;text-decoration:underline}input:focu -vi ible, elect:focu -vi ible,textarea:focu -vi ible{border-color:var(--b -primary);box- hadow:0 0 0 .25rem rgba(var(--b -primary-rgb),.25);outline:2px  olid var(--b -primary);outline-off et:0}.btn- m,.heart-rating-btn{min-height:44px;min-width:44px}@media(min-width:768px){.btn- m,.heart-rating-btn{min-height:auto;min-width:auto}}.img-re pon ive{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-item :center;background:h la(0,0%,100%,.9);bottom:0;di play:none;ju tify-content:center;left:0;po ition:fixed;right:0;top:0;z-index:9999}.global-loading- pinner{text-align:center}.btn[di abled]{cur or:not-allowed;opacity:.7}.form-loading{opacity:.7}.dnaparent{di play:flex;flex-wrap:wrap;gap:var(-- pace-xl);ju tify-content:center;margin:var(-- pace-2xl) 0}@media(max-width:768px){.dnaparent{align-item :center;flex-direction:column;gap:var(-- pace-lg)}}.dnaoption1,.dnaoption2{background:var(--color-white);border:1px  olid var(--color-gray-200);border-radiu :var(--radiu -lg);box- hadow:var(-- hadow-md);flex:1;max-width:500px;padding:var(-- pace-xl);tran ition:all var(--duration-normal) var(--ea ing-out)}.dnaoption1:hover,.dnaoption2:hover{border-color:var(--color-primary);box- hadow:var(-- hadow-xl);tran form:tran lateY(-5px)}.dnaoption1 h4,.dnaoption2 h4{color:var(--color-primary);font- ize:var(--font- ize-xl);margin-bottom:var(-- pace-lg);text-align:center}.dnaoption1 p,.dnaoption2 p{color:var(--color-text- econdary);line-height:var(--line-height-relaxed);margin-bottom:var(-- pace-md)}.dnaoption1 b,.dnaoption2 b{color:var(--color-text-primary);font-weight:var(--font-weight- emibold)}@media(max-width:768px){.dnaoption1,.dnaoption2{max-width:100%;padding:var(-- pace-lg)}}.dnaimg{di play:block;height:auto;margin:0 auto var(-- pace-lg);max-width:200px;tran ition:tran form var(--duration-fa t) var(--ea ing-out)}.dnaimg:hover{tran form:cale(1.05)}.dnafont{color:var(--color-text- econdary);font- ize:var(--font- ize-ba e);line-height:var(--line-height-relaxed);text-align:center}.dnafont a{color:var(--color-primary);text-decoration:underline;tran ition:color var(--duration-fa t)}.dnafont a:hover{color:var(--color-primary-dark)}.dnafont- mall{color:var(--color-text-muted);font- ize:var(--font- ize- m);line-height:var(--line-height-normal)}.dnaoption1 p[cla *=text- tart],.dnaoption2 p[cla *=text- tart]{color:var(--color-primary);font-weight:var(--font-weight- emibold);margin-bottom:var(-- pace- m);margin-top:var(-- pace-lg);text-align:left}#dnaoption1-after,#dnaoption2-after{background-color:var(--color-gray-50);border:1px  olid var(--color-gray-200);border-radiu :var(--radiu -md);di play:none;margin-top:var(-- pace-md);padding:var(-- pace-lg)}#dnaoption1-after p,#dnaoption2-after p{font- ize:var(--font- ize- m);margin:0}.cu tom- tyle-db88bf9b{background:var(--color-white);border:1px  olid var(--color-gray-200);border-radiu :var(--radiu -lg);box- hadow:var(-- hadow-md);flex:1;max-width:500px;overflow:hidden;padding:var(-- pace-xl);po ition:relative;tran ition:all var(--duration-normal) var(--ea ing-out)}.cu tom- tyle-db88bf9b:hover{border-color:var(--color-primary);box- hadow:var(-- hadow-xl);tran form:tran lateY(-5px)}.cu tom- tyle-db88bf9b h4{color:var(--color-primary);font- ize:var(--font- ize-xl);margin-bottom:var(-- pace-lg);text-align:center}.cu tom- tyle-db88bf9b p{color:var(--color-text- econdary);line-height:var(--line-height-relaxed);margin-bottom:var(-- pace-md)}.cu tom- tyle-db88bf9b b{color:var(--color-text-primary);font-weight:var(--font-weight- emibold)}@media(max-width:768px){.cu tom- tyle-db88bf9b{max-width:100%;padding:var(-- pace-lg)}}.cu tom- tyle-db88bf9b:before{background:radial-gradient(circle,var(--color-primary-light) 0,tran parent 70%);content:"";height:200%;opacity:0;pointer-event :none;po ition:ab olute;right:-50%;top:-50%;tran ition:opacity var(--duration- low);width:200%}.cu tom- tyle-db88bf9b:hover:before{opacity:.1}.cu tom- tyle-99295706{background-color:var(--color-gray-50);border:1px  olid var(--color-gray-200);border-radiu :var(--radiu -md);di play:none;margin-top:var(-- pace-md);padding:var(-- pace-lg)}.cu tom- tyle-99295706 p{font- ize:var(--font- ize- m);margin:0}.cu tom- tyle-29bcd606{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radiu :50px;box- hadow:0 4px 15px rgba(var(--color-primary-rgb),.3);color:var(--color-white);di play:inline-block;font- ize:var(--font- ize-lg);font-weight:var(--font-weight- emibold);padding:var(-- pace-md) var(-- pace-xl);text-decoration:none;tran ition:all var(--duration-normal) var(--ea ing-out)}.cu tom- tyle-29bcd606:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 100%);box- hadow:0 6px 20px rgba(var(--color-primary-rgb),.4);color:var(--color-white);tran form:tran lateY(-2px)}.cu tom- tyle-29bcd606:active{box- hadow:0 2px 10px rgba(var(--color-primary-rgb),.3);tran form:tran lateY(0)}.cu tom- tyle-29bcd606 img{margin-left:var(-- pace- m);vertical-align:middle}@media(min-width:768px)and (max-width:991px){.dnaparent{gap:var(-- pace-lg)}.dnaoption1,.dnaoption2{padding:var(-- pace-lg)}}@media(prefer -contra t:high){.dnaoption1,.dnaoption2{border:2px  olid var(--color-text-primary)}}.loading- keleton{animation:loading 1.5  infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background- ize:200% 100%}@keyframe  loading{0%{background-po ition:200% 0}to{background-po ition:-200% 0}}.focu -trap{outline:2px  olid var(--b -primary);outline-off et:2px}.focu -trap:focu -vi ible{outline:3px  olid var(--b -primary);outline-off et:2px}@media(prefer -contra t:high){. kip-link{border:2px  olid}}@media(prefer -reduced-motion:reduce){*{animation-duration:.01m !important;animation-iteration-count:1!important;tran ition-duration:.01m !important}. pinner-border{animation:none}}. r-only-focu able:focu{height:auto;overflow:vi ible;po ition:tatic;width:auto;clip:auto;white- pace:normal}.hero- ection{contain:layout  tyle;will-change:tran form}img,video{height:auto}@keyframe  loading- himmer{0%{background-po ition:200% 0}to{background-po ition:-200% 0}}@ upport (container-type:inline- ize){.re pon ive-grid{container-type:inline- ize}@container (min-width:768px){.card-grid{di play:grid;gap:1rem;grid-template-column :repeat(auto-fit,minmax(300px,1fr))}}}.form-announcer{height:1px;left:-10000px;overflow:hidden;po ition:ab olute;width:1px}.rate-limit-warning{background:linear-gradient(45deg,#ffc107,#ff8c00);border-radiu :6px;color:#000;font-weight:500;margin:16px 0;padding:12px}.webauthn-container{background:rgba(0,123,255,.05);border:2px da hed #007bff;border-radiu :12px;margin:20px 0;padding:20px;text-align:center}.webauthn-button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radiu :8px;color:#fff;font-weight:500;padding:12px 24px;tran ition:all .3  ea e}.webauthn-button:hover{box- hadow:0 4px 12px rgba(0,123,255,.3);tran form:tran lateY(-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}:focu{outline:none}:focu -vi ible{outline:3px  olid var(--b -primary,#0F75BD);outline-off et:2px;border-radiu :0.25rem}. kip-to-content{po ition:ab olute;left:-999px;width:1px;height:1px;top:auto;z-index:999999;color:var(--b -white);background:var(--b -dark);text-decoration:none;padding:0.75rem 1.5rem;border-radiu :0.25rem}. kip-to-content:focu{left:50%;tran form:tran lateX(-50%);width:auto;height:auto;outline:3px  olid var(--b -warning)}button,a.btn,input[type=" ubmit"],input[type="button"],.btn{min-height:44px;min-width:44px}.vi ually-hidden-focu able:not(:focu ):not(:focu -within){po ition:ab olute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white- pace:nowrap !important;border:0 !important}@media (prefer -reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01m  !important;animation-iteration-count:1 !important;tran ition-duration:0.01m  !important;croll-behavior:auto !important}}@media (prefer -contra t:high){:focu -vi ible{outline-width:4px}.btn{border-width:2px}}.loading{po ition:relative;pointer-event :none;opacity:0.7}.loading::after{content:"";po ition:ab olute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px  olid var(--b -primary,#0F75BD);border-radiu :50%;border-top-color:tran parent;animation:pinner 0.8  linear infinite}@keyframe   pinner{to{tran form:rotate(360deg)}}.btn.loading{color:tran parent !important}.btn.loading::after{border-color:currentColor;border-top-color:tran parent}. keleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background- ize:200% 100%;animation:loading 1.5  infinite;border-radiu :0.25rem;di play:block;min-height:1rem}@keyframe  loading{0%{background-po ition:200% 0}100%{background-po ition:-200% 0}}. keleton-text{height:1rem;margin-bottom:0.5rem}. keleton-title{height:2rem;margin-bottom:1rem}. keleton-button{height:44px;width:120px}. keleton-avatar{width:60px;height:60px;border-radiu :50%}. keleton-card{height:200px;margin-bottom:1rem}a,button,.btn,input,textarea, elect,.card,.dropdown-menu,.nav-link{tran ition:all 0.2  cubic-bezier(0.4,0,0.2,1)}.btn:hover:not(:di abled):not(.di abled){tran form:tran lateY(-2px);box- hadow:0 4px 12px rgba(0,0,0,0.15)}.btn:active:not(:di abled):not(.di abled){tran form:tran lateY(0);box- hadow:0 2px 4px rgba(0,0,0,0.1)}.card{tran ition:tran form 0.2  ea e,box- hadow 0.2  ea e}.card:hover{tran form:tran lateY(-4px);box- hadow:0 8px 24px rgba(0,0,0,0.12)}html{ croll-behavior:mooth}.form-control:focu ,.form- elect:focu{border-color:var(--b -primary);box- hadow:0 0 0 0.25rem rgba(15,117,189,0.25)}.language-container{padding:0 1.25rem}.language{z-index:997;po ition:relative}.nav-language-btn{background-color:tran parent !important;border:1px  olid rgba(255,255,255,0.2) !important;color:#fff !important;padding:0.5rem 1rem;font- ize:0.875rem;tran ition:all 0.3  ea e}.nav-language-btn:hover,.nav-language-btn:focu{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-radiu :2px}.language-menu{max-height:18.75rem;overflow-y:auto;min-width:13.125rem}.navbar-nav .nav-link{po ition:relative;padding:0.75rem 1rem !important;font-weight:500;color:rgba(255,255,255,0.9) !important;text-tran form:upperca e;font- ize:0.875rem;letter- pacing:0.025em;tran ition:all 0.3  cubic-bezier(0.4,0,0.2,1);border-radiu :6px;margin:0 0.25rem}.navbar-nav .nav-link:hover{background-color:rgba(255,255,255,0.1);color:#fff !important;tran form:tran lateY(-1px);box- hadow:0 4px 12px rgba(0,0,0,0.15)}.navbar-nav .nav-link:focu{outline:2px  olid rgba(255,255,255,0.3);outline-off et:2px}.navbar-nav .nav-link::after{content:'';po ition:ab olute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color- econdary));tran form:tran lateX(-50%);tran ition:width 0.3  ea e}.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-radiu :50px;tran ition:all 0.3  ea e}.navbar-nav .nav-link.btn:hover{tran form:tran lateY(-2px);box- hadow:0 6px 20px rgba(0,0,0,0.25);background:var(--gradient-primary,linear-gradient(135deg,#0a5a91,#d91872))}.navbar-nav .nav-link.btn::after{di play:none}[data- ite="generecovery"] .navbar-nav .nav-link::after{background:linear-gradient(90deg,#388e3c,#66bb6a)}[data- ite="generecovery"] .navbar-nav .nav-link.btn{background:linear-gradient(135deg,#388e3c,#66bb6a)}[data- ite="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-radiu :8px;background-color:rgba(255,255,255,0.05)}.navbar-nav .nav-link:hover{background-color:rgba(255,255,255,0.15);tran form:none}.navbar-nav .nav-link::after{di play:none}}. ervice -dropdown{background-color:tran parent !important;border:1px  olid rgba(255,255,255,0.2) !important;color:#fff !important;font- ize:0.875rem;tran ition:all 0.3  ea e}. ervice -dropdown:hover,. ervice -dropdown:focu{background-color:rgba(255,255,255,0.1) !important;border-color:rgba(255,255,255,0.4) !important}.dropdown- ymbol{font- ize:0.75rem;margin-left:0.25rem}.banner3{background-image:url(/ tatic/image /background/couple.webp);background-po ition:center;background- ize:cover;min-height:100vh;di play:flex;align-item :center;ju tify-content:center;po ition:relative}.banner3::before{content:'';po ition:ab olute;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(/ tatic/image /background/couple- kyline.webp)}}.banner3-datemetrix{background-image:url(/ tatic/image /DateMetriX/3pannel_USA.webp)}.banner3-datemetrix::before{background:var(--datemetrix-overlay)}@media (max-width:768px){.banner3-datemetrix{background-image:url(/ tatic/image /DateMetriX/Amy_USA_P ycMatch.webp)}}.banner3-genepool{background-image:url(/ tatic/image /genepool/pexel -amina-filkin -5424696.webp)}.banner3-genepool::before{background:var(--genepool-overlay)}@media (max-width:768px){.banner3-genepool{background-image:url(/ tatic/image /genepool/pexel -maria-luiza-melo-12789912.jpeg)}}.navbar-collap e{background-color:tran parent !important}@media (max-width:991px){.navbar-datemetrix .navbar-collap e{background-color:var(--datemetrix-primary) !important}.navbar-genepool .navbar-collap e{background-color:var(--genepool-primary) !important}.navbar-datemetrix .navbar-collap e .nav-link,.navbar-genepool .navbar-collap e .nav-link{color:#ffffff !important}}.game-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radiu :1rem;box- hadow:0 10px 30px rgba(0,0,0,0.2)}.per onality-card{tran ition:tran form 0.3  ea e,box- hadow 0.3  ea e;cur or:pointer}.per onality-card:hover{tran form:tran lateY(-5px);box- hadow:0 15px 40px rgba(0,0,0,0.15)}@keyframe  dna-rotate{from{tran form:rotate(0deg)}to{tran form:rotate(360deg)}}.dna-loading{animation:dna-rotate 2  linear infinite}@media print{.no-print{di play:none !important}.print-only{di play: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 Sy tem';rc:local('SF Pro Text'),local('Segoe UI'),local('Roboto'),local(' y tem-ui');font-di play:wap}.critical-above-fold{contain:layout  tyle paint}img[loading="lazy"]{content-vi ibility:auto;contain-intrin ic- ize:300px 200px}.a pect-ratio-16-9{a pect-ratio:16/9}.a pect-ratio-4-3{a pect-ratio:4/3}.a pect-ratio-1-1{a pect-ratio:1/1}. mooth-animation{will-change:tran form;tran form:tran lateZ(0)}. mooth-animation:not(:hover):not(:focu ){will-change:auto}.hero- ection{contain:layout  tyle;content-vi ibility:auto}.complex-background{background-attachment:local}.dropdown-menu{contain:layout  tyle paint;tran form:tran lateZ(0)}. croll-container{overflow-y:croll;-webkit-overflow- crolling:touch;over croll-behavior:contain}.interactive-element{min-height:44px;contain:layout}.form-control{contain:layout  tyle}.virtual-li t-item{content-vi ibility:auto;contain-intrin ic- ize:auto 60px}. imple- hadow{box- hadow:0 2px 4px rgba(0,0,0,0.1)}.efficient-tran ition{tran ition:tran form 0.2  ea e,opacity 0.2  ea e}@media (max-width:768px){.mobile-optimized{contain:layout  tyle}.mobile-optimized *{animation-duration:0.01m  !important;animation-iteration-count:1 !important;tran ition-duration:0.01m  !important}}@media print{.no-print{di play:none !important}.print-optimized{color:black !important;background:white !important;box- hadow:none !important}}@media (prefer -reduced-motion:reduce){.re pect-motion-preference{animation-duration:0.01m  !important;animation-iteration-count:1 !important;tran ition-duration:0.01m  !important;croll-behavior:auto !important}}. r-only,.vi ually-hidden{po ition:ab olute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white- pace:nowrap !important;border:0 !important}. r-only-focu able,.vi ually-hidden-focu able{po ition:ab olute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white- pace:nowrap !important;border:0 !important}. r-only-focu able:active,. r-only-focu able:focu ,.vi ually-hidden-focu able:active,.vi ually-hidden-focu able:focu{po ition:tatic !important;width:auto !important;height:auto !important;overflow:vi ible !important;clip:auto !important;white- pace:normal !important}.aria- kip-link{po ition:ab olute;top:0;left:0;z-index:10000;width:100%}.aria- kip-link{po ition:ab olute;left:-9999px;z-index:10000;padding:0.75rem 1.5rem;background-color:#0F75BD;color:#FFFFFF;text-decoration:none;font-weight:600;border-radiu :0 0 0.25rem 0;box- hadow:0 2px 4px rgba(0,0,0,0.2);tran ition:none}.aria- kip-link:focu ,.aria- kip-link:active{po ition:ab olute;left:0;top:0;outline:3px  olid #FFFFFF;outline-off et:-3px}.aria- kip-link:hover{background-color:#0D5F96;color:#FFFFFF}body:not(.u ing-mou e) *:focu{outline:3px  olid #0F75BD !important;outline-off et:2px !important}body.u ing-mou e *:focu{outline:none}a:focu -vi ible,button:focu -vi ible,input:focu -vi ible, elect:focu -vi ible,textarea:focu -vi ible,[tabindex]:focu -vi ible{outline:3px  olid #0F75BD !important;outline-off et:2px !important;tran ition:outline-off et 0.1  ea e-out}.form-control:focu ,.form- elect:focu ,input[type="text"]:focu ,input[type="email"]:focu ,input[type="pa word"]:focu ,input[type="number"]:focu ,input[type="tel"]:focu ,input[type="url"]:focu ,input[type=" earch"]:focu ,input[type="date"]:focu ,input[type="time"]:focu ,input[type="datetime-local"]:focu , elect:focu ,textarea:focu{border-color:#0F75BD;box- hadow:0 0 0 0.2rem rgba(15,117,189,0.25);outline:none !important}.btn:focu ,.btn:focu -vi ible,button:focu -vi ible{box- hadow:0 0 0 0.25rem rgba(15,117,189,0.5);outline:none !important}.btn-primary:focu ,.btn-primary:focu -vi ible{box- hadow:0 0 0 0.25rem rgba(15,117,189,0.5)}.btn- econdary:focu ,.btn- econdary:focu -vi ible{box- hadow:0 0 0 0.25rem rgba(108,117,125,0.5)}.btn- ucce :focu ,.btn- ucce :focu -vi ible{box- hadow:0 0 0 0.25rem rgba(40,167,69,0.5)}.btn-danger:focu ,.btn-danger:focu -vi ible{box- hadow:0 0 0 0.25rem rgba(220,53,69,0.5)}.btn-warning:focu ,.btn-warning:focu -vi ible{box- hadow:0 0 0 0.25rem rgba(255,193,7,0.5)}.btn-info:focu ,.btn-info:focu -vi ible{box- hadow:0 0 0 0.25rem rgba(23,162,184,0.5)}a:focu -vi ible{outline:2px  olid #0F75BD;outline-off et:2px;text-decoration:underline}.card:focu -within{box- hadow:0 0 0 0.25rem rgba(15,117,189,0.25)}.modal:focu{outline:none !important}.modal-content:focu{outline:3px  olid #0F75BD;outline-off et:-3px}.dropdown-item:focu ,.dropdown-item:focu -vi ible{background-color:#e9ecef;outline:2px  olid #0F75BD;outline-off et:-2px}.nav-link:focu ,.nav-link:focu -vi ible{outline:2px  olid #0F75BD;outline-off et:2px}[role="tab"]:focu{outline:2px  olid #0F75BD;outline-off et:-2px;z-index:1}input[type="checkbox"]:focu ,input[type="radio"]:focu{outline:2px  olid #0F75BD;outline-off et:2px}input[type="checkbox"]:focu -vi ible,input[type="radio"]:focu -vi ible{box- hadow:0 0 0 0.25rem rgba(15,117,189,0.25)}input[type="range"]:focu{outline:2px  olid #0F75BD;outline-off et:2px}input[type="file"]:focu -within{outline:2px  olid #0F75BD;outline-off et:2px}.high-contra t{background:white !important;color:black !important}.high-contra t *{background:white !important;color:black !important;border-color:black !important}.high-contra t a,.high-contra t button,.high-contra t .btn{background:white !important;color:blue !important;border:2px  olid blue !important;text-decoration:underline !important}.high-contra t a:focu ,.high-contra t button:focu ,.high-contra t .btn:focu{background:black !important;color:white !important;outline:3px  olid yellow !important}@media (prefer -contra t:high){*:focu{outline:3px  olid currentColor !important;outline-off et:3px !important}.btn:focu{outline:3px  olid currentColor !important;outline-off et:2px !important;box- hadow:none !important}.form-control:focu{outline:3px  olid currentColor !important;outline-off et:0 !important;box- hadow:none !important}body,html{background:white !important;color:black !important}.btn,button{border:2px  olid black !important;background:white !important;color:black !important}.btn:hover,button:hover{background:black !important;color:white !important}input, elect,textarea{border:2px  olid black !important;background:white !important;color:black !important}a{color:blue !important;text-decoration:underline !important}a:vi ited{color:purple !important}}@media (prefer -reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01m  !important;animation-iteration-count:1 !important;tran ition-duration:0.01m  !important;croll-behavior:auto !important}.aria- kip-link{tran ition:none !important}}::placeholder{color:#6c757d;opacity:1}.form-control:di abled,.form-control[readonly]{background-color:#e9ecef;color:#495057;opacity:1}.btn:di abled,.btn.di abled{opacity:0.65}.form-control:invalid,.form-control.i -invalid,[aria-invalid="true"]{border-color:#dc3545}.form-control:invalid:focu ,.form-control.i -invalid:focu ,[aria-invalid="true"]:focu{border-color:#dc3545;box- hadow:0 0 0 0.25rem rgba(220,53,69,0.25)}.invalid-feedback,.error-me age,[role="alert"]{color:#dc3545;font-weight:600}[aria-bu y="true"]{cur or:wait}[aria-bu y="true"]::after{content:"";po ition:ab olute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.7);z-index:1}. pinner-border,. pinner-grow{vertical-align:text-bottom}[role="button"]{cur or:pointer;u er- elect:none}[role="button"]:hover{text-decoration:underline}[aria-expanded="true"]::before{content:"▼ "}[aria-expanded="fal e"]::before{content:"▶ "}[aria- elected="true"]{font-weight:600;background-color:#e9ecef}[aria-pre ed="true"]{background-color:#0F75BD;color:white}[aria-current="page"]{font-weight:600;text-decoration:underline}.nav-link[aria-current="page"]{background-color:#e9ecef;border-radiu :0.25rem}.breadcrumb-item[aria-current="page"]{color:#6c757d;font-weight:600}th[aria- ort]{cur or:pointer;u er- elect:none}th[aria- ort]:hover{background-color:#e9ecef}th[aria- ort="a cending"]::after{content:" ↑"}th[aria- ort="de cending"]::after{content:" ↓"}th[aria- ort="none"]::after{content:" ↕";opacity:0.5}.modal-backdrop{background-color:rgba(0,0,0,0.5)}[role="dialog"][aria-modal="true"]{po ition:relative}[aria-required="true"]::after,[required]::after{content:" *";color:#dc3545;font-weight:600}.form-text,[id^="help-"]{color:#6c757d;font- ize:0.875rem}.tooltip{font- ize:0.875rem;line-height:1.5;max-width:280px}.tooltip-inner{padding:0.5rem 0.75rem}.progre{background-color:#e9ecef;font- ize:0.75rem;line-height:1rem}.progre -bar{color:#fff;text-align:center;white- pace:nowrap;tran ition:width 0.6  ea e}@media (prefer -reduced-motion:reduce){.progre -bar{tran ition:none}}.alert:focu{outline:3px  olid currentColor;outline-off et:2px}.toa t{max-width:350px;font- ize:0.875rem}.toa t:focu -within{box- hadow:0 0 0 0.25rem rgba(15,117,189,0.25)}img[alt=""],img[role="pre entation"]{u er- elect:none}img:not([ rc]),img[ rc=""]{vi ibility:hidden}img.loading{background:#f0f0f0;min-height:100px}@media print{. r-only,.vi ually-hidden,.aria- kip-link{di play:none !important}a[href^="http"]:after{content:" (" attr(href) ")"}img:after{content:" (Image:" attr(alt) ")"}*:focu{outline:none !important;box- hadow:none !important}}@media (prefer -color- cheme:dark){body:not(.u ing-mou e) *:focu{outline-color:#4dabf7 !important}.form-control:focu{border-color:#4dabf7;box- hadow:0 0 0 0.2rem rgba(77,171,247,0.25)}.btn:focu{box- hadow:0 0 0 0.25rem rgba(77,171,247,0.5)}.aria- kip-link{background-color:#1971c2;color:#ffffff}.aria- kip-link:hover{background-color:#1864ab}::election{background-color:#4dabf7;color:#000000}}.accordion-button:focu{z-index:3;outline:0;box- hadow:0 0 0 0.25rem rgba(15,117,189,0.25)}.carou el-control-prev:focu ,.carou el-control-next:focu{outline:2px  olid #fff;outline-off et:2px}.carou el-indicator  button:focu{outline:2px  olid #fff;outline-off et:2px}.badge:focu{outline:2px  olid currentColor;outline-off et:2px}.btn-clo e:focu{outline:0;box- hadow:0 0 0 0.25rem rgba(15,117,189,0.25);opacity:1}.focu -vi ible{outline:3px  olid #0F75BD !important;outline-off et:2px !important}.focu -none:focu{outline:none !important;box- hadow:none !important}.border-high-contra t{border:2px  olid currentColor !important}.text- pacing{letter- pacing:0.12em;word- pacing:0.16em;line-height:1.5}.touch-target{min-width:44px;min-height:44px;di play:inline-flex;align-item :center;ju tify-content:center}.dnaromance-theme [role="main"]:focu{outline-color:#0F75BD}.datemetrix-theme [role="main"]:focu{outline-color:#7C4DFF}.genepool-theme [role="main"]:focu{outline-color:#00BCD4}.wellmatched-theme [role="main"]:focu{outline-color:#4CAF50}.generecovery-theme [role="main"]:focu{outline-color:#FF5722}.heritablehealth-theme [role="main"]:focu{outline-color:#009688}.vi ually-hidden,. r-only{po ition:ab olute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white- pace:nowrap !important;border:0 !important}. kip-link{po ition:ab olute;top:-40px;left:0;background:var(--b -primary,#0F75BD);color:white;padding:8px 16px;text-decoration:none;z-index:9999;border-radiu :0 0 4px 0}. kip-link:focu{top:0;color:white;text-decoration:none}a:focu ,button:focu ,input:focu , elect:focu ,textarea:focu ,[tabindex]:focu{outline:2px  olid var(--b -primary,#0F75BD);outline-off et:2px}@media (prefer -contra t:high){. kip-link{background:black;color:white;border:2px  olid white}a:focu ,button:focu ,input:focu , elect:focu ,textarea:focu ,[tabindex]:focu{outline:3px  olid currentColor;outline-off et:3px}}@media (prefer -reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01m  !important;animation-iteration-count:1 !important;tran ition-duration:0.01m  !important}}.invalid-feedback[role="alert"]{di play:none;color:var(--b -danger,#dc3545);font- ize:0.875rem;margin-top:0.25rem}.invalid-feedback[role="alert"][ tyle*="di play:block"]{di play:block !important}.tooltiptext[role="tooltip"]{po ition:ab olute;z-index:1000;background-color:rgba(0,0,0,0.9);color:white;padding:8px 12px;border-radiu :4px;font- ize:0.875rem;white- pace:nowrap;opacity:0;tran ition:opacity 0.3 ;pointer-event :none}*:hover>.tooltiptext[role="tooltip"],*:focu >.tooltiptext[role="tooltip"]{opacity:1}button,a[role="button"],input[type=" ubmit"],input[type="button"],.btn{min-height:44px;min-width:44px}.form-control:focu ,.form- elect:focu ,.form-check-input:focu{border-color:var(--b -primary,#0F75BD);box- hadow:0 0 0 0.25rem rgba(15,117,189,0.25)}.required::after,label[aria-required="true"]::after{content:" *";color:var(--b -danger,#dc3545);font-weight:bold}nav[role="navigation"]{po ition:relative}a[aria-current="page"]{font-weight:bold;po ition:relative}a[aria-current="page"]::after{content:"";po ition:ab olute;bottom:-2px;left:0;right:0;height:2px;background-color:currentColor}[aria-bu y="true"]{cur or:wait}[aria-bu y="true"]::after{content:"...";animation:loading 1.5  infinite}@keyframe  loading{0%{content:"."}33%{content:".."}66%{content:"..."}}.text-muted{color:#6c757d !important}button[di abled],.btn:di abled{opacity:0.6;cur or:not-allowed}.dropdown-menu{border:1px  olid rgba(0,0,0,0.15);box- hadow:0 0.5rem 1rem rgba(0,0,0,0.15)}.dropdown-item:focu ,.dropdown-item:hover{background-color:var(--b -light,#f8f9fa);color:var(--b -dark,#212529);text-decoration:none}.btn-clo e-nav,.navbar-mobile-clo e button{background:none;border:none;padding:8px;cur or:pointer;min-width:44px;min-height:44px;di play:flex;align-item :center;ju tify-content:center}.btn-menu,.navbar-mobile-open{background:none;border:none;padding:8px;cur or:pointer;min-width:44px;min-height:44px}[aria-live="polite"]{po ition:relative}[aria-live="a ertive"]{po ition:relative;font-weight:bold}.form-control[aria-invalid="true"],.form- elect[aria-invalid="true"]{border-color:var(--b -danger,#dc3545)}.form-control[aria-invalid="fal e"]:valid,.form- elect[aria-invalid="fal e"]:valid{border-color:var(--b - ucce ,#198754)}[role="group"]{po ition:relative}[role="group"][aria-required="true"]>:fir t-child::after{content:" (required)";color:var(--b -danger,#dc3545);font- ize:0.875em;font-weight:normal}@import url(http ://cdnj .cloudflare.com/ajax/lib /animate.c /4.1.1/animate.min.c );.animate__animated{animation-duration:var(--duration-normal);animation-fill-mode:both}.animate__fa t{animation-duration:var(--duration-fa t)}.animate__ low{animation-duration:var(--duration- low)}.animate__ lower{animation-duration:var(--duration- lower)}.page-tran ition{po ition:relative}.page-tran ition::before{content:'';po ition:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);z-index:9999;opacity:0;pointer-event :none;animation:pageTran ition 0.6  ea e-in-out}@keyframe  pageTran ition{0%{opacity:0;tran form:caleX(0);tran form-origin:left}50%{opacity:1;tran form:caleX(1);tran form-origin:left}100%{opacity:0;tran form:caleX(0);tran form-origin:right}}.ripple{po ition:ab olute;border-radiu :50%;background:rgba(255,255,255,0.6);tran form:cale(0);animation:ripple-animation 0.6  ea e-out;pointer-event :none}@keyframe  ripple-animation{to{tran form:cale(4);opacity:0}}.dna-loading{width:60px;height:60px;po ition:relative;margin:0 auto}.dna-loading__helix{width:100%;height:100%;po ition:relative;animation:rotate 2  linear infinite}.dna-loading__ trand{po ition:ab olute;width:100%;height:100%;border-radiu :50%;border:3px  olid tran parent}.dna-loading__ trand:nth-child(1){border-left-color:var(--color-primary);border-right-color:var(--color-primary);animation:trand1 1.5  ea e-in-out infinite}.dna-loading__ trand:nth-child(2){border-top-color:var(--color- econdary);border-bottom-color:var(--color- econdary);animation:trand2 1.5  ea e-in-out infinite}@keyframe  rotate{to{tran form:rotate(360deg)}}@keyframe   trand1{0%,100%{tran form:rotateX(0deg) rotateY(0deg)}50%{tran form:rotateX(180deg) rotateY(0deg)}}@keyframe   trand2{0%,100%{tran form:rotateX(90deg) rotateY(0deg)}50%{tran form:rotateX(90deg) rotateY(180deg)}}.match-card- wipe{po ition:relative;cur or:grab;u er- elect:none;tran form-origin:center bottom;tran ition:tran form 0.3  ea e-out,opacity 0.3  ea e-out}.match-card- wipe:active{cur or:grabbing}.like-indicator,.nope-indicator{po ition:ab olute;top:50px;padding:10px 20px;border-radiu :10px;font-weight:bold;font- ize:24px;tran form:rotate(-30deg);opacity:0;tran ition:opacity 0.3  ea e;pointer-event :none}.like-indicator{right:10px;color:#4CAF50;border:3px  olid #4CAF50;background:rgba(76,175,80,0.1)}.nope-indicator{left:10px;color:#F44336;border:3px  olid #F44336;background:rgba(244,67,54,0.1)}.hover-lift{tran ition:tran form var(--duration-normal) var(--ea e-out),box- hadow var(--duration-normal) var(--ea e-out)}.hover-lift:hover{tran form:tran lateY(-4px);box- hadow:var(-- hadow-lg)}@keyframe  pul e{0%{tran form:cale(1)}50%{tran form:cale(1.05)}100%{tran form:cale(1)}}.pul e{animation:pul e 2  ea e-in-out infinite}@keyframe  glow{0%{box- hadow:0 0 5px var(--color-primary)}50%{box- hadow:0 0 20px var(--color-primary),0 0 30px var(--color-primary)}100%{box- hadow:0 0 5px var(--color-primary)}}.glow{animation:glow 2  ea e-in-out infinite}@keyframe  gradient- hift{0%{background-po ition:0% 50%}50%{background-po ition:100% 50%}100%{background-po ition:0% 50%}}.gradient-animated{background:var(--gradient-primary);background- ize:200% 200%;animation:gradient- hift 3  ea e infinite}@keyframe  float{0%{tran form:tran lateY(0px)}50%{tran form:tran lateY(-20px)}100%{tran form:tran lateY(0px)}}.float{animation:float 3  ea e-in-out infinite}@keyframe   hake{0%,100%{tran form:tran lateX(0)}10%,30%,50%,70%,90%{tran form:tran lateX(-10px)}20%,40%,60%,80%{tran form:tran lateX(10px)}}. hake{animation:hake 0.5  ea e-in-out}@keyframe   ucce{0%{tran form:cale(0) rotate(45deg);opacity:0}50%{tran form:cale(1.2) rotate(45deg);opacity:1}100%{tran form:cale(1) rotate(45deg);opacity:1}}. ucce -checkmark{animation:ucce  0.5  ea e-in-out}@keyframe  typing{from{width:0}to{width:100%}}@keyframe  blink{50%{border-color:tran parent}}.typing{overflow:hidden;border-right:3px  olid var(--color-primary);white- pace:nowrap;animation:typing 3.5   tep (40,end),blink 0.75   tep-end infinite}@keyframe   lideInLeft{from{tran form:tran lateX(-100%);opacity:0}to{tran form:tran lateX(0);opacity:1}}@keyframe   lideInRight{from{tran form:tran lateX(100%);opacity:0}to{tran form:tran lateX(0);opacity:1}}@keyframe   lideInUp{from{tran form:tran lateY(100%);opacity:0}to{tran form:tran lateY(0);opacity:1}}@keyframe   lideInDown{from{tran form:tran lateY(-100%);opacity:0}to{tran form:tran lateY(0);opacity:1}}. lide-in-left{animation:lideInLeft 0.5  ea e-out}. lide-in-right{animation:lideInRight 0.5  ea e-out}. lide-in-up{animation:lideInUp 0.5  ea e-out}. lide-in-down{animation:lideInDown 0.5  ea e-out}@keyframe  zoomIn{from{tran form:cale(0);opacity:0}to{tran form:cale(1);opacity:1}}@keyframe  zoomOut{from{tran form:cale(1);opacity:1}to{tran form:cale(0);opacity:0}}.zoom-in{animation:zoomIn 0.5  ea e-out}.zoom-out{animation:zoomOut 0.5  ea e-out}@keyframe  rotateIn{from{tran form:rotate(-180deg)  cale(0);opacity:0}to{tran form:rotate(0deg)  cale(1);opacity:1}}.rotate-in{animation:rotateIn 0.5  ea e-out}@keyframe  flipInX{from{tran form:per pective(400px) rotateX(90deg);opacity:0}to{tran form:per pective(400px) rotateX(0deg);opacity:1}}@keyframe  flipInY{from{tran form:per pective(400px) rotateY(90deg);opacity:0}to{tran form:per pective(400px) rotateY(0deg);opacity:1}}.flip-in-x{animation:flipInX 0.5  ea e-out}.flip-in-y{animation:flipInY 0.5  ea e-out}@keyframe  bounce{0%,20%,50%,80%,100%{tran form:tran lateY(0)}40%{tran form:tran lateY(-30px)}60%{tran form:tran lateY(-15px)}}.bounce{animation:bounce 1  ea e-in-out}@keyframe  heartbeat{0%{tran form:cale(1)}14%{tran form:cale(1.3)}28%{tran form:cale(1)}42%{tran form:cale(1.3)}70%{tran form:cale(1)}}.heartbeat{animation:heartbeat 1.5  ea e-in-out infinite}@keyframe  dna-rotate{0%{tran form:rotateY(0deg)}100%{tran form:rotateY(360deg)}}.dna- trand{animation:dna-rotate 4  linear infinite;tran form- tyle:pre erve-3d}.pa word- trength{height:4px;background:var(--color-gray-200);border-radiu :2px;margin-top:8px;overflow:hidden;po ition:relative}.pa word- trength::after{content:'';po ition:ab olute;top:0;left:0;height:100%;width:var(-- trength,0%);background:var(--color-danger);tran ition:width 0.3  ea e,background 0.3  ea e}.pa word- trength[data- trength="weak"]::after{background:var(--color-danger)}.pa word- trength[data- trength="fair"]::after{background:var(--color-warning)}.pa word- trength[data- trength="good"]::after{background:var(--color-info)}.pa word- trength[data- trength=" trong"]::after{background:var(--color- ucce )}.parallax-container{po ition:relative;overflow:hidden}.parallax-layer{po ition:ab olute;top:0;left:0;width:100%;height:120%}@media (prefer -reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01m  !important;animation-iteration-count:1 !important;tran ition-duration:0.01m  !important;croll-behavior:auto !important}}. tagger-animation>*{opacity:0;animation:fadeInUp 0.5  ea e-out forward }. tagger-animation>*:nth-child(1){animation-delay:0.1 }. tagger-animation>*:nth-child(2){animation-delay:0.2 }. tagger-animation>*:nth-child(3){animation-delay:0.3 }. tagger-animation>*:nth-child(4){animation-delay:0.4 }. tagger-animation>*:nth-child(5){animation-delay:0.5 }. tagger-animation>*:nth-child(6){animation-delay:0.6 }. tagger-animation>*:nth-child(7){animation-delay:0.7 }. tagger-animation>*:nth-child(8){animation-delay:0.8 }.btn{po ition:relative;overflow:hidden;tran ition:all 0.3  cubic-bezier(0.23,1,0.320,1);tran form- tyle:pre erve-3d}.btn::before{content:'';po ition:ab olute;top:50%;left:50%;width:0;height:0;border-radiu :50%;background:radial-gradient(circle,rgba(255,255,255,0.4) 0%,tran parent 70%);tran form:tran late(-50%,-50%);tran ition:width 0.6  ea e,height 0.6  ea e}.btn:hover::before{width:300%;height:300%}.btn:hover{tran form:tran lateY(-2px)  cale(1.02);box- hadow:0 12px 24px rgba(0,0,0,0.15)}.btn:active{tran form:tran lateY(0)  cale(0.98);box- hadow:0 4px 8px rgba(0,0,0,0.1)}.ripple-effect{po ition:ab olute;border-radiu :50%;background:radial-gradient(circle,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 70%);tran form:cale(0);pointer-event :none}.ripple-effect.active{animation:ripple-expand 0.8  ea e-out}@keyframe  ripple-expand{to{tran form:cale(4);opacity:0}}.dna-particle{po ition:fixed;top:0;left:0;width:100%;height:100%;pointer-event :none;z-index:0;overflow:hidden}.dna-particle{po ition:ab olute;width:4px;height:4px;background:var(--color-primary);border-radiu :50%;opacity:0.6;animation:dna-float 20  infinite linear}.dna-particle:nth-child(even){background:var(--color- econdary);animation-duration:25 }@keyframe  dna-float{from{tran form:tran lateY(100vh) rotate(0deg)}to{tran form:tran lateY(-100px) rotate(360deg)}}.compatibility- core{po ition:relative;di play:inline-block}.compatibility- core-value{font- ize:3rem;font-weight:bold;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:tran parent;background-clip:text;animation:core-pul e 2  ea e-in-out infinite}@keyframe   core-pul e{0%,100%{tran form:cale(1);opacity:1}50%{tran form:cale(1.05);opacity:0.9}}.compatibility-ring{po ition:ab olute;top:50%;left:50%;width:120%;height:120%;border:3px  olid tran parent;border-top-color:var(--color-primary);border-radiu :50%;tran form:tran late(-50%,-50%) rotate(0deg);animation:ring-rotate 3  linear infinite}@keyframe  ring-rotate{to{tran form:tran late(-50%,-50%) rotate(360deg)}}.loading-dna{po ition:relative;width:60px;height:60px;margin:0 auto}.loading-dna::before,.loading-dna::after{content:'';po ition:ab olute;width:20px;height:20px;border-radiu :50%;background:var(--gradient-primary);animation:dna-helix 1.5  ea e-in-out infinite}.loading-dna::before{left:0;animation-delay:0 }.loading-dna::after{right:0;animation-delay:0.75 }@keyframe  dna-helix{0%,100%{tran form:tran lateY(0)  cale(1)}25%{tran form:tran lateY(-20px)  cale(0.8)}50%{tran form:tran lateY(0)  cale(1.1)}75%{tran form:tran lateY(20px)  cale(0.8)}}.form-control{tran ition:all 0.3  cubic-bezier(0.23,1,0.320,1)}.form-control:focu{tran form:tran lateY(-1px);box- hadow:0 8px 16px rgba(0,0,0,0.1)}.form-control. ucce{animation:field- ucce  0.5  ea e;border-color:var(--color- ucce )}.form-control.error{animation:field- hake 0.5  ea e;border-color:var(--color-danger)}@keyframe  field- ucce{0%,100%{tran form:tran lateX(0)}25%{tran form:tran lateX(-4px)  cale(1.02)}75%{tran form:tran lateX(4px)  cale(1.02)}}@keyframe  field- hake{0%,100%{tran form:tran lateX(0)}10%,30%,50%,70%,90%{tran form:tran lateX(-5px)}20%,40%,60%,80%{tran form:tran lateX(5px)}}. ucce -checkmark-circle{width:60px;height:60px;po ition:relative;di play:inline-block}. ucce -checkmark-circle::before{content:'';po ition:ab olute;width:100%;height:100%;border-radiu :50%;border:3px  olid var(--color- ucce );animation:circle-draw 0.5  ea e-out}. ucce -checkmark-path{po ition:ab olute;top:50%;left:50%;width:25px;height:12px;border-left:3px  olid var(--color- ucce );border-bottom:3px  olid var(--color- ucce );tran form:tran late(-50%,-60%) rotate(-45deg)  cale(0);animation:checkmark-draw 0.3  ea e-out 0.5  forward }@keyframe  circle-draw{from{tran form:cale(0) rotate(180deg);opacity:0}to{tran form:cale(1) rotate(0deg);opacity:1}}@keyframe  checkmark-draw{to{tran form:tran late(-50%,-60%) rotate(-45deg)  cale(1)}}.card{po ition:relative;tran ition:all 0.4  cubic-bezier(0.23,1,0.320,1);tran form- tyle:pre erve-3d}.card::before{content:'';po ition:ab olute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,tran parent 40%,rgba(255,255,255,0.1) 50%,tran parent 60%);opacity:0;tran ition:opacity 0.3  ea e;pointer-event :none}.card:hover{tran form:tran lateY(-12px) rotateX(-5deg)  cale(1.03);box- hadow:0 24px 48px rgba(0,0,0,0.15)}.card:hover::before{opacity:1}.genetic-analy i -loader{po ition:relative;width:120px;height:120px;margin:0 auto}.dna- trand-loader{po ition:ab olute;width:100%;height:100%;animation:dna-twi t 2  linear infinite}.dna- trand-loader::before,.dna- trand-loader::after{content:'';po ition:ab olute;width:40px;height:40px;border-radiu :50%;top:50%;tran form:tran lateY(-50%)}.dna- trand-loader::before{left:0;background:var(--color-primary);animation:trand-left 2  ea e-in-out infinite}.dna- trand-loader::after{right:0;background:var(--color- econdary);animation:trand-right 2  ea e-in-out infinite}@keyframe  dna-twi t{to{tran form:rotate(360deg)}}@keyframe   trand-left{0%,100%{tran form:tran lateY(-50%) tran lateZ(0)}50%{tran form:tran lateY(-50%) tran lateZ(30px)}}@keyframe   trand-right{0%,100%{tran form:tran lateY(-50%) tran lateZ(30px)}50%{tran form:tran lateY(-50%) tran lateZ(0)}}.hover-glow{po ition:relative;tran ition:all 0.3  ea e}.hover-glow::after{content:'';po ition:ab olute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-primary);border-radiu :inherit;opacity:0;z-index:-1;tran ition:opacity 0.3  ea e;filter:blur(10px)}.hover-glow:hover::after{opacity:0.6}.page-tran ition-overlay{po ition:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);z-index:9999;pointer-event :none;opacity:0}.page-tran ition-overlay.active{animation:page-wipe 0.8  cubic-bezier(0.83,0,0.17,1)}@keyframe  page-wipe{0%{opacity:0;tran form:caleX(0);tran form-origin:left}50%{opacity:1;tran form:caleX(1)}100%{opacity:0;tran form:caleX(0);tran form-origin:right}}.navbar-brand{po ition:relative;tran ition:all 0.3  cubic-bezier(0.23,1,0.320,1);cur or:pointer}.navbar-brand::after{content:'';po ition:ab olute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-primary);tran ition:width 0.3  ea e}.navbar-brand:hover{tran form:tran lateY(-2px)  cale(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-radiu :2px;margin-right:8px;vertical-align:middle}.card-hover- mooth{tran ition:all 0.3  cubic-bezier(0.4,0,0.2,1);tran form-origin:center}.card-hover- mooth:hover{tran form:tran lateY(-8px)  cale(1.02);box- hadow:0 20px 40px rgba(0,0,0,0.12)}.btn-ripple{po ition:relative;overflow:hidden}.btn-ripple .ripple-effect{po ition:ab olute;border-radiu :50%;width:100px;height:100px;background:rgba(255,255,255,0.5);tran form:tran late(-50%,-50%)  cale(0);animation:ripple-animation 0.6  ea e-out;pointer-event :none}@keyframe  ripple-animation{to{tran form:tran late(-50%,-50%)  cale(4);opacity:0}}@keyframe   moothFadeIn{from{opacity:0;tran form:tran lateY(20px)}to{opacity:1;tran form:tran lateY(0)}}.fade-in- mooth{animation:moothFadeIn 0.6  ea e-out}.parallax-element{tran ition:tran form 0.6  cubic-bezier(0.25,0.46,0.45,0.94);will-change:tran form}.btn-morph{po ition:relative;tran ition:all 0.3  ea e;overflow:hidden}.btn-morph::before{content:'';po ition:ab olute;top:50%;left:50%;width:0;height:0;border-radiu :50%;background:rgba(255,255,255,0.3);tran form:tran late(-50%,-50%);tran ition:width 0.6  ea e,height 0.6  ea e}.btn-morph:hover::before{width:300px;height:300px}.accordion- mooth{max-height:0;overflow:hidden;tran ition:max-height 0.3  cubic-bezier(0.4,0,0.2,1)}.accordion- mooth.active{max-height:500px}.tab-content-animate{opacity:0;tran form:tran lateX(20px);tran ition:all 0.3  ea e-out}.tab-content-animate.active{opacity:1;tran form:tran lateX(0)}.loading-dot{di play:inline-flex;gap:4px}.loading-dot   pan{width:8px;height:8px;background:var(--color-primary);border-radiu :50%;animation:dot-pul e 1.4  ea e-in-out infinite}.loading-dot   pan:nth-child(1){animation-delay:-0.32 }.loading-dot   pan:nth-child(2){animation-delay:-0.16 }.loading-dot   pan:nth-child(3){animation-delay:0}@keyframe  dot-pul e{0%,80%,100%{tran form:cale(0);opacity:0}40%{tran form:cale(1);opacity:1}}@keyframe  countUp{from{opacity:0;tran form:tran lateY(20px)}to{opacity:1;tran form:tran lateY(0)}}.count-up{animation:countUp 0.8  ea e-out}.tooltip-modern{po ition:relative}.tooltip-modern::after{content:attr(data-tooltip);po ition:ab olute;bottom:125%;left:50%;tran form:tran lateX(-50%)  cale(0.8);background:rgba(0,0,0,0.9);color:white;padding:8px 12px;border-radiu :8px;font- ize:14px;white- pace:nowrap;opacity:0;pointer-event :none;tran ition:all 0.3  ea e}.tooltip-modern:hover::after{opacity:1;tran form:tran lateX(-50%)  cale(1) tran lateY(-4px)}.lazy-image{opacity:0;tran form:cale(0.95);tran ition:all 0.5  ea e-out}.lazy-image.loaded{opacity:1;tran form:cale(1)}.progre -modern{height:4px;background:var(--color-gray-200);border-radiu :2px;overflow:hidden;po ition:relative}.progre -modern::after{content:'';po ition:ab olute;top:0;left:0;height:100%;background:var(--gradient-primary);width:var(--progre ,0%);tran ition:width 1  ea e-out;border-radiu :2px}.modal- mooth{opacity:0;vi ibility:hidden;tran form:cale(0.9);tran ition:all 0.3  cubic-bezier(0.25,0.46,0.45,0.94)}.modal- mooth. how{opacity:1;vi ibility:vi ible;tran form:cale(1)}.icon-hover-rotate{tran ition:tran form 0.3  ea e}.icon-hover-rotate:hover{tran form:rotate(15deg)  cale(1.1)}.dropdown- mooth{opacity:0;tran form:tran lateY(-10px);vi ibility:hidden;tran ition:all 0.2  ea e-out;pointer-event :none}.dropdown- mooth. how{opacity:1;tran form:tran lateY(0);vi ibility:vi ible;pointer-event :all}@keyframe  highlight{0%{background-po ition:0% 50%}100%{background-po ition:100% 50%}}.text-highlight{background:linear-gradient( to right,tran parent 0%,var(--color-primary) 50%,tran parent 100% );background- ize:200% 100%;background-po ition:-100% 0;tran ition:background-po ition 0.5  ea e}.text-highlight:hover{background-po ition:100% 0}.badge-animate{animation:badgePop 0.3  ea e-out}@keyframe  badgePop{0%{tran form:cale(0)}50%{tran form:cale(1.2)}100%{tran form:cale(1)}}.form- ucce{animation:ucce Shake 0.5  ea e}@keyframe   ucce Shake{0%,100%{tran form:tran lateX(0)}10%,30%,50%,70%,90%{tran form:tran lateX(-2px)}20%,40%,60%,80%{tran form:tran lateX(2px)}}.gla - hine{po ition:relative;overflow:hidden}.gla - hine::before{content:'';po ition:ab olute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient( 45deg,tran parent 30%,rgba(255,255,255,0.1) 50%,tran parent 70% );tran form:rotate(45deg);animation:hine 3  infinite}@keyframe   hine{0%{tran form:tran lateX(-100%) tran lateY(-100%) rotate(45deg)}100%{tran form:tran lateX(100%) tran lateY(100%) rotate(45deg)}}. croll-reveal{opacity:0;tran form:tran lateY(50px);tran ition:all 0.8  cubic-bezier(0.25,0.46,0.45,0.94)}. croll-reveal.revealed{opacity:1;tran form:tran lateY(0)}. croll-reveal-left{opacity:0;tran form:tran lateX(-50px);tran ition:all 0.8  cubic-bezier(0.25,0.46,0.45,0.94)}. croll-reveal-left.revealed{opacity:1;tran form:tran lateX(0)}. croll-reveal-right{opacity:0;tran form:tran lateX(50px);tran ition:all 0.8  cubic-bezier(0.25,0.46,0.45,0.94)}. croll-reveal-right.revealed{opacity:1;tran form:tran lateX(0)}a{po ition:relative;tran ition:color 0.3  ea e}a:not(.btn)::after{content:'';po ition:ab olute;bottom:-2px;left:0;width:0;height:1px;background:currentColor;tran ition:width 0.3  ea e}a:not(.btn):hover::after{width:100%}.form-floating{po ition:relative}.form-floating .form-control:focu ~label{tran form:cale(0.85) tran lateY(-1.5rem) tran lateX(0.15rem);color:var(--color-primary);animation:label-float 0.3  ea e}@keyframe  label-float{from{tran form:cale(1) tran lateY(0) tran lateX(0)}to{tran form:cale(0.85) tran lateY(-1.5rem) tran lateX(0.15rem)}}.match-card{po ition:relative;tran ition:all 0.4  cubic-bezier(0.23,1,0.320,1);cur or:pointer;tran form- tyle:pre erve-3d}.match-card::before{content:'';po ition:ab olute;in et:0;border-radiu :inherit;padding:2px;background:var(--gradient-primary);ma k:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-ma k:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-ma k-compo ite:xor;ma k-compo ite:exclude;opacity:0;tran ition:opacity 0.3  ea e}.match-card:hover::before{opacity:1}.match-card:hover{tran form:tran lateY(-8px) rotateY(5deg)  cale(1.02);box- hadow:0 20px 40px rgba(0,0,0,0.2)}.nav-tab  .nav-link{po ition:relative;tran ition:all 0.3  ea e}.nav-tab  .nav-link::before{content:'';po ition:ab olute;bottom:0;left:50%;width:0;height:2px;background:var(--color-primary);tran form:tran lateX(-50%);tran ition:width 0.3  ea e}.nav-tab  .nav-link.active::before,.nav-tab  .nav-link:hover::before{width:100%}.form-check-input[type="checkbox"]{po ition:relative;cur or:pointer;tran ition:all 0.3  ea e}.form-check-input[type="checkbox"]:checked{background-color:var(--color-primary);border-color:var(--color-primary);animation:toggle-on 0.3  ea e}@keyframe  toggle-on{0%{tran form:cale(1)}50%{tran form:cale(1.1)}100%{tran form:cale(1)}}.collap e{tran ition:height 0.35  cubic-bezier(0.23,1,0.320,1)}.notification-pop{animation:notification- lide 0.5  cubic-bezier(0.68,-0.55,0.265,1.55)}@keyframe  notification- lide{from{tran form:tran lateX(100%)  cale(0.8);opacity:0}to{tran form:tran lateX(0)  cale(1);opacity:1}}.progre -bar{po ition:relative;tran ition:width 1  cubic-bezier(0.23,1,0.320,1);overflow:hidden}.progre -bar::after{content:'';po ition:ab olute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,tran parent,rgba(255,255,255,0.3),tran parent);animation:progre - hine 2  linear infinite}@keyframe  progre - hine{from{tran form:tran lateX(-100%)}to{tran form:tran lateX(100%)}}img{tran ition:all 0.3  ea e}img.hover-zoom:hover{tran form:cale(1.05)}. keleton{po ition:relative;overflow:hidden;background:var(--color-gray-100)}. keleton::after{content:'';po ition:ab olute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,tran parent,rgba(255,255,255,0.4),tran parent);animation:keleton-wave 1.5  linear infinite}@keyframe   keleton-wave{from{tran form:tran lateX(-100%)}to{tran form:tran lateX(100%)}}.icon-interactive{tran ition:all 0.3  cubic-bezier(0.68,-0.55,0.265,1.55)}.icon-interactive:hover{tran form:rotate(15deg)  cale(1.2);color:var(--color-primary)}[data-b -toggle="tooltip"]{cur or:help}.tooltip{animation:tooltip-pop 0.3  cubic-bezier(0.68,-0.55,0.265,1.55)}@keyframe  tooltip-pop{from{tran form:cale(0.8);opacity:0}to{tran form:cale(1);opacity:1}}.badge{tran ition:all 0.3  ea e}.badge:hover{tran form:cale(1.1);box- hadow:0 4px 8px rgba(0,0,0,0.1)}.modal{backdrop-filter:blur(5px)}.modal-dialog{animation:modal- lide 0.4  cubic-bezier(0.23,1,0.320,1)}@keyframe  modal- lide{from{tran form:tran lateY(-50px)  cale(0.9);opacity:0}to{tran form:tran lateY(0)  cale(1);opacity:1}}.cur or-trail{po ition:fixed;width:20px;height:20px;border-radiu :50%;background:var(--color-primary);opacity:0.3;pointer-event :none;z-index:9998;tran ition:tran form 0.1  ea e;mix-blend-mode:creen}.page-enter{animation:pageEnter 0.6  ea e-out}@keyframe  pageEnter{from{opacity:0;tran form:tran lateY(20px)}to{opacity:1;tran form:tran lateY(0)}}.page-exit{animation:pageExit 0.4  ea e-in}@keyframe  pageExit{from{opacity:1;tran form:tran lateY(0)}to{opacity:0;tran form:tran lateY(-20px)}}. keleton{background:linear-gradient( 90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75% );background- ize:400% 100%;animation:keleton-loading 1.5  ea e-in-out infinite;border-radiu :var(--radiu -md)}@keyframe   keleton-loading{0%{background-po ition:100% 50%}100%{background-po ition:0% 50%}}. keleton--text{height:1rem;margin-bottom:var(-- pace- m)}. keleton--text:la t-child{width:75%}. keleton--title{height:2rem;width:60%;margin-bottom:var(-- pace-md)}. keleton--avatar{width:60px;height:60px;border-radiu :50%}. keleton--avatar-lg{width:120px;height:120px;border-radiu :50%}. keleton--button{height:48px;width:120px;border-radiu :var(--radiu -md)}. keleton--card{height:300px;border-radiu :var(--radiu -xl)}. keleton--image{width:100%;height:200px;border-radiu :var(--radiu -lg)}. keleton--badge{height:24px;width:80px;border-radiu :var(--radiu -full);di play:inline-block;margin-right:var(-- pace-x )}. keleton-profile{. keleton-header{di play:flex;align-item :center;gap:var(-- pace-md);margin-bottom:var(-- pace-lg);. keleton--avatar-lg{flex- hrink:0}. keleton-info{flex-grow:1;. keleton--title{width:200px;margin-bottom:var(-- pace- m)}. keleton--text{width:150px}}}. keleton-photo{di play:grid;grid-template-column :repeat(auto-fit,minmax(150px,1fr));gap:var(-- pace-md);margin-bottom:var(-- pace-lg);. keleton--image{height:150px}}. keleton-detail{. keleton--text{margin-bottom:var(-- pace-md);&:nth-child(odd){width:90%}&:nth-child(even){width:70%}}}}. keleton-card-layout{. keleton--image{margin-bottom:var(-- pace-md)}. keleton--title{margin-bottom:var(-- pace- m)}. keleton--text{margin-bottom:var(-- pace- m)}. keleton-badge{di play:flex;gap:var(-- pace-x );margin-top:var(-- pace-md)}}. keleton-li t{. keleton-item{di play:flex;align-item :center;gap:var(-- pace-md);padding:var(-- pace-md);border-bottom:1px  olid var(--border-color);&:la t-child{border-bottom:none}. keleton--avatar{flex- hrink:0}. keleton-content{flex-grow:1;. keleton--text{&:fir t-child{width:80%;margin-bottom:var(-- pace-x )}&:la t-child{width:60%}}}}}. keleton-form{. keleton-field{margin-bottom:var(-- pace-lg);. keleton--text{height:20px;width:100px;margin-bottom:var(-- pace- m)}. keleton--input{height:48px;border-radiu :var(--radiu -md)}}}. keleton- tat{di play:grid;grid-template-column :repeat(auto-fit,minmax(150px,1fr));gap:var(-- pace-lg);. keleton- tat{text-align:center;. keleton--title{height:3rem;width:80px;margin:0 auto var(-- pace- m)}. keleton--text{width:100px;margin:0 auto}}}. keleton-match-card{. keleton--image{height:300px;margin-bottom:var(-- pace-md)}. keleton-match-info{di play:flex;ju tify-content:pace-between;align-item :center;margin-bottom:var(-- pace-md);. keleton--title{width:120px;margin:0}. keleton--badge{width:60px;height:60px;border-radiu :50%}}. keleton-match-detail{. keleton--text{margin-bottom:var(-- pace- m);&:nth-child(1){width:100%}\n &:nth-child(2){width:85%}\n &:nth-child(3){width:70%}\n}\n}\n \n . keleton-match-action{\n di play:flex;\n gap:var(-- pace-md);\n margin-top:var(-- pace-lg);\n \n . keleton--button{\n flex:1;\n}\n}\n}\n\n\n. keleton-pul e{\n animation:keleton-pul e 2  ea e-in-out infinite;\n}\n\n@keyframe   keleton-pul e{\n 0%{\n opacity:1;\n}\n 50%{\n opacity:0.5;\n}\n 100%{\n opacity:1;\n}\n}\n\n\n. keleton-container{\n opacity:0;\n animation:fadeIn 0.3  ea e-out forward ;\n}\n\n@keyframe  fadeIn{\n to{\n opacity:1;\n}\n}\n\n\n. keleton-removing{\n animation:fadeOut 0.3  ea e-out forward ;\n}\n\n@keyframe  fadeOut{\n to{\n opacity:0;\n tran form:cale(0.95);\n}\n}\n\n\n@media (max-width:768px){\n . keleton-profile{\n . keleton-header{\n flex-direction:column;\n text-align:center;\n \n . keleton-info{\n . keleton--title{\n width:150px;\n margin:0 auto var(-- pace- m);\n}\n}\n}\n}\n \n . keleton-photo{\n grid-template-column :repeat(2,1fr);\n}\n \n . keleton- tat{\n grid-template-column :repeat(2,1fr);\n}\n}\n\n\n@media (prefer -color- cheme:dark){\n . keleton{\n background:linear-gradient(\n 90deg,\n #2a2a2a 25%,\n #3a3a3a 50%,\n #2a2a2a 75%\n );\n}\n}:root{--ea e-ela tic:cubic-bezier(0.68,-0.55,0.265,1.55);--ea e- mooth:cubic-bezier(0.25,0.46,0.45,0.94);--ea e-bounce-in:cubic-bezier(0.6,-0.28,0.735,0.045);--ea e-bounce-out:cubic-bezier(0.175,0.885,0.32,1.275)}.card-gla{background:rgba(255,255,255,0.1) !important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px  olid rgba(255,255,255,0.2) !important;border-radiu :1.5rem !important;box- hadow:0 8px 32px 0 rgba(31,38,135,0.15) !important;tran ition:all 0.3  cubic-bezier(0,0,0.2,1)}.card-gla :hover{background:rgba(255,255,255,0.15) !important;border-color:rgba(255,255,255,0.3) !important;box- hadow:0 12px 48px 0 rgba(31,38,135,0.2) !important;tran form:tran lateY(-4px)}.panel-gla{background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px  olid rgba(255,255,255,0.2);border-radiu :1.5rem;box- hadow:0 8px 32px 0 rgba(31,38,135,0.15);padding:2rem;margin-bottom:1.5rem;tran ition:all 0.3  cubic-bezier(0,0,0.2,1)}.form-floating-dna{po ition:relative;margin-bottom:1.5rem}.form-floating-dna .form-control{height:calc(3.5rem+2px);padding:1rem 1rem;font- ize:1rem;border:2px  olid #E0E0E0;border-radiu :0.75rem;background:rgba(255,255,255,0.9);tran ition:all 0.15  cubic-bezier(0,0,0.2,1)}.form-floating-dna .form-control::placeholder{color:tran parent}.form-floating-dna .form-control:focu{border-color:#0F75BD;box- hadow:0 0 0 4px rgba(15,117,189,0.1);background:#FFFFFF}.form-floating-dna .form-control:focu ~label,.form-floating-dna .form-control:not(:placeholder- hown)~label{opacity:1;tran form:tran lateY(-1.5rem)  cale(0.85);color:#0F75BD}.form-floating-dna .form-control.i -invalid{border-color:#F44336}.form-floating-dna .form-control.i -invalid:focu{box- hadow:0 0 0 4px rgba(244,67,54,0.1)}.form-floating-dna label{po ition:ab olute;top:1rem;left:1rem;font- ize:1rem;color:#757575;pointer-event :none;tran form-origin:0 0;tran ition:all 0.15  cubic-bezier(0,0,0.2,1);background:linear-gradient(to bottom,tran parent 0%,tran parent 40%,white 40%,white 100%);padding:0 0.5rem}.btn-hover-glow{tran ition:all 0.3  cubic-bezier(0,0,0.2,1)}.btn-hover-glow:hover{box- hadow:0 0 20px rgba(15,117,189,0.5);tran form:tran lateY(-2px)}.btn-hover- lide{po ition:relative;overflow:hidden;tran ition:all 0.3  cubic-bezier(0,0,0.2,1)}.btn-hover- lide  pan{po ition:relative;z-index:2}.btn-hover- lide::before{content:'';po ition:ab olute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%);tran ition:left 0.3  cubic-bezier(0,0,0.2,1);z-index:1}.btn-hover- lide:hover::before{left:0}.btn-hover- lide:hover{color:#FFFFFF !important}.btn-ripple{po ition:relative;overflow:hidden}.ripple-effect{po ition:ab olute;border-radiu :50%;width:100px;height:100px;background:rgba(255,255,255,0.5);tran form:tran late(-50%,-50%)  cale(0);animation:ripple-animation 0.6  ea e-out;pointer-event :none}@keyframe  ripple-animation{to{tran form:tran late(-50%,-50%)  cale(4);opacity:0}}.micro-interaction{tran ition:all 0.15  cubic-bezier(0,0,0.2,1);cur or:pointer}.micro-interaction:active{tran form:cale(0.95)}.btn-dna{di play:inline-flex;align-item :center;ju tify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;font-family:'Inter', an - erif;font- ize:1rem;font-weight:500;line-height:1.25;text-decoration:none;border:1px  olid tran parent;border-radiu :0.5rem;cur or:pointer;tran ition:all 0.15  cubic-bezier(0,0,0.2,1);po ition:relative;overflow:hidden}.btn-dna--primary{background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%);color:#FFFFFF;box- hadow:0 4px 14px 0 rgba(15,117,189,0.3)}.btn-dna--primary:hover{tran form:tran lateY(-2px);box- hadow:0 6px 20px 0 rgba(15,117,189,0.4);color:#FFFFFF}.btn-dna--gla{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px  olid rgba(255,255,255,0.2);color:#FFFFFF}.btn-dna--gla :hover{background:rgba(255,255,255,0.2);color:#FFFFFF}.btn-dna--gho t{background:tran parent;color:#0F75BD;border-color:#0F75BD}.btn-dna--gho t:hover{background:#0F75BD;color:#FFFFFF}.hero-modern{po ition:relative;min-height:100vh;di play:flex;align-item :center;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.hero-modern::before{content:'';po ition:ab olute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(247,44,147,0.3) 0%,tran parent 50%),radial-gradient(circle at 80% 20%,rgba(15,117,189,0.3) 0%,tran parent 50%),radial-gradient(circle at 40% 40%,rgba(124,77,255,0.2) 0%,tran parent 50%);animation:gradient-animation 15  ea e infinite}.hero-modern__content{po ition:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center;padding:2rem}.hero-modern__title{font- ize:clamp(2.5rem,8vw,5rem);font-weight:900;color:#FFFFFF;margin-bottom:1.5rem;animation:fadeInUp 1  ea e-out;line-height:1.2}.hero-modern__title  pan{background:linear-gradient(to right,#FFD700,#FFA000);-webkit-background-clip:text;-webkit-text-fill-color:tran parent;background-clip:text}.hero-modern__ ubtitle{font- ize:clamp(1.2rem,3vw,1.5rem);color:rgba(255,255,255,0.9);margin-bottom:3rem;animation:fadeInUp 1  ea e-out 0.2  both;line-height:1.6}.hero-modern__cta{di play:flex;gap:1rem;ju tify-content:center;flex-wrap:wrap;animation:fadeInUp 1  ea e-out 0.4  both}.hero-modern__ croll{po ition:ab olute;bottom:2rem;left:50%;tran form:tran lateX(-50%);color:#FFFFFF;font- ize:2rem;animation:bounce 2  infinite;cur or:pointer;opacity:0.7;tran ition:opacity 0.15 }.hero-modern__ croll:hover{opacity:1}.hero-modern__ hape{po ition:ab olute;opacity:0.1}.hero-modern__ hape--1{top:10%;left:10%;width:100px;height:100px;background:#F72C93;border-radiu :30% 70% 70% 30% / 30% 30% 70% 70%;animation:float 6  ea e-in-out infinite}.hero-modern__ hape--2{top:60%;right:10%;width:150px;height:150px;background:#0F75BD;border-radiu :63% 37% 54% 46% / 55% 48% 52% 45%;animation:float 8  ea e-in-out infinite rever e}.hero-modern__ hape--3{bottom:10%;left:30%;width:80px;height:80px;background:#7C4DFF;border-radiu :41% 59% 41% 59% / 41% 59% 41% 59%;animation:float 7  ea e-in-out infinite}@keyframe  gradient-animation{0%{tran form:tran late(0,0) rotate(0deg)}33%{tran form:tran late(-20px,-20px) rotate(120deg)}66%{tran form:tran late(20px,-20px) rotate(240deg)}100%{tran form:tran late(0,0) rotate(360deg)}}@keyframe  fadeInUp{from{opacity:0;tran form:tran lateY(30px)}to{opacity:1;tran form:tran lateY(0)}}@keyframe  float{0%{tran form:tran lateY(0px)}50%{tran form:tran lateY(-20px)}100%{tran form:tran lateY(0px)}}@keyframe  bounce{0%,20%,50%,80%,100%{tran form:tran lateY(0)}40%{tran form:tran lateY(-30px)}60%{tran form:tran lateY(-15px)}}. croll-reveal{opacity:0;tran form:tran lateY(50px);tran ition:all 0.8  cubic-bezier(0.25,0.46,0.45,0.94)}. croll-reveal.revealed{opacity:1;tran form:tran lateY(0)}. croll-reveal-left{opacity:0;tran form:tran lateX(-50px);tran ition:all 0.8  cubic-bezier(0.25,0.46,0.45,0.94)}. croll-reveal-left.revealed{opacity:1;tran form:tran lateX(0)}. croll-reveal-right{opacity:0;tran form:tran lateX(50px);tran ition:all 0.8  cubic-bezier(0.25,0.46,0.45,0.94)}. croll-reveal-right.revealed{opacity:1;tran form:tran lateX(0)}.fade-in- mooth{animation:moothFadeIn 0.6  ea e-out}@keyframe   moothFadeIn{from{opacity:0;tran form:tran lateY(20px)}to{opacity:1;tran form:tran lateY(0)}}.hover-lift{tran ition:tran form 0.3  cubic-bezier(0,0,0.2,1),box- hadow 0.3  cubic-bezier(0,0,0.2,1)}.hover-lift:hover{tran form:tran lateY(-2px);box- hadow:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -2px rgba(0,0,0,0.02)}. tagger-animation>*{opacity:0;animation:fadeInUp 0.5  ea e-out forward }. tagger-animation>*:nth-child(1){animation-delay:0.1 }. tagger-animation>*:nth-child(2){animation-delay:0.2 }. tagger-animation>*:nth-child(3){animation-delay:0.3 }. tagger-animation>*:nth-child(4){animation-delay:0.4 }. tagger-animation>*:nth-child(5){animation-delay:0.5 }. tagger-animation>*:nth-child(6){animation-delay:0.6 }.pa word- trength{height:4px;background:#EEEEEE;border-radiu :2px;margin-top:8px;overflow:hidden;po ition:relative}.pa word- trength::after{content:'';po ition:ab olute;top:0;left:0;height:100%;width:var(-- trength,0%);background:#F44336;tran ition:width 0.3  ea e,background 0.3  ea e}.pa word- trength[data- trength="weak"]::after{background:#F44336;width:25%}.pa word- trength[data- trength="fair"]::after{background:#FF9800;width:50%}.pa word- trength[data- trength="good"]::after{background:#00BCD4;width:75%}.pa word- trength[data- trength=" trong"]::after{background:#4CAF50;width:100%}.lazy-image{opacity:0;tran form:cale(0.95);tran ition:all 0.5  ea e-out}.lazy-image.loaded{opacity:1;tran form:cale(1)}.card-hover- mooth{tran ition:all 0.3  cubic-bezier(0.4,0,0.2,1);tran form-origin:center}.card-hover- mooth:hover{tran form:tran lateY(-8px)  cale(1.02);box- hadow:0 20px 40px rgba(0,0,0,0.12)}.icon-hover-rotate{tran ition:tran form 0.3  ea e}.icon-hover-rotate:hover{tran form:rotate(15deg)  cale(1.1)}.online- tatu{animation:pul e 2  infinite}.progre -modern{height:4px;background:#EEEEEE;border-radiu :2px;overflow:hidden;po ition:relative}.progre -modern::after{content:'';po ition:ab olute;top:0;left:0;height:100%;background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%);width:var(--progre ,0%);tran ition:width 1  ea e-out;border-radiu :2px}. keleton{background:linear-gradient( 90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75% );background- ize:400% 100%;animation:keleton-loading 1.5  ea e-in-out infinite;border-radiu :0.5rem}@keyframe   keleton-loading{0%{background-po ition:100% 50%}100%{background-po ition:0% 50%}}. keleton--text{height:1rem;margin-bottom:0.5rem}. keleton--text:la t-child{width:75%}. keleton--title{height:2rem;width:60%;margin-bottom:1rem}. keleton--avatar{width:60px;height:60px;border-radiu :50%}. keleton--avatar-lg{width:120px;height:120px;border-radiu :50%}. keleton--button{height:48px;width:120px;border-radiu :0.5rem}. keleton--card{height:300px;border-radiu :1.5rem}. keleton--image{width:100%;height:200px;border-radiu :0.75rem}.loading-dot{di play:inline-flex;gap:4px}.loading-dot   pan{width:8px;height:8px;background:#0F75BD;border-radiu :50%;animation:dot-pul e 1.4  ea e-in-out infinite}.loading-dot   pan:nth-child(1){animation-delay:-0.32 }.loading-dot   pan:nth-child(2){animation-delay:-0.16 }.loading-dot   pan:nth-child(3){animation-delay:0}@keyframe  dot-pul e{0%,80%,100%{tran form:cale(0);opacity:0}40%{tran form:cale(1);opacity:1}}.dna-helix-loader{width:100px;height:100px;po ition:relative;margin:0 auto}.dna-helix-loader .helix{width:100%;height:100%;po ition:relative;animation:rotate 2  linear infinite}.dna-helix-loader . trand{po ition:ab olute;width:100%;height:100%;border-radiu :50%}.dna-helix-loader . trand:nth-child(1){border:3px  olid tran parent;border-left-color:#0F75BD;border-right-color:#0F75BD;animation:trand1 1.5  ea e-in-out infinite}.dna-helix-loader . trand:nth-child(2){border:3px  olid tran parent;border-top-color:#F72C93;border-bottom-color:#F72C93;animation:trand2 1.5  ea e-in-out infinite}@keyframe  rotate{to{tran form:rotate(360deg)}}@keyframe   trand1{0%,100%{tran form:rotateX(0deg) rotateY(0deg)}50%{tran form:rotateX(180deg) rotateY(0deg)}}@keyframe   trand2{0%,100%{tran form:rotateX(90deg) rotateY(0deg)}50%{tran form:rotateX(90deg) rotateY(180deg)}}.page-enter{animation:pageEnter 0.6  ea e-out}@keyframe  pageEnter{from{opacity:0;tran form:tran lateY(20px)}to{opacity:1;tran form:tran lateY(0)}}.page-exit{animation:pageExit 0.4  ea e-in}@keyframe  pageExit{from{opacity:1;tran form:tran lateY(0)}to{opacity:0;tran form:tran lateY(-20px)}}@media (max-width:768px){.hero-modern__cta{flex-direction:column;align-item :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- econdary:#6C757D;--text-muted:#9098A0;--text-inver e:#FFFFFF;--background:#FFFFFF;-- urface:#F8F9FA;--border:#E9ECEF;-- ucce :#28A745;--warning:#FFC107;--error:#DC3545;--info:#17A2B8;--font- ize-x :0.75rem;--font- ize- m:0.875rem;--font- ize-ba e:1rem;--font- ize-lg:1.125rem;--font- ize-xl:1.25rem;--font- ize-2xl:1.5rem;--font- ize-3xl:1.875rem;--font- ize-4xl:2.25rem;-- pace-x :0.25rem;-- pace- m:0.5rem;-- pace-ba e:1rem;-- pace-lg:1.5rem;-- pace-xl:2rem;-- pace-2xl:3rem;-- pace-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- emibold:600;--font-weight-bold:700}body{font-family:-apple- y tem,BlinkMacSy temFont,'Segoe UI',Roboto,'Helvetica Neue',Arial, an - erif;font- ize:var(--font- ize-ba e);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--background);-webkit-font- moothing:antialia ed;-moz-o x-font- moothing:gray cale}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-weight- emibold);line-height:var(--line-height-tight);margin-bottom:var(-- pace-lg)}h1{font- ize:var(--font- ize-4xl)}h2{font- ize:var(--font- ize-3xl)}h3{font- ize:var(--font- ize-2xl)}h4{font- ize:var(--font- ize-xl)}h5{font- ize:var(--font- ize-lg)}h6{font- ize:var(--font- ize-ba e)}p{margin-bottom:var(-- pace-lg);color:var(--text-primary);line-height:var(--line-height-normal)}.text-muted{color:var(--text-muted) !important}.text- econdary{color:var(--text- econdary) !important}.btn{font-weight:var(--font-weight-medium);border-radiu :8px;padding:12px 24px;font- ize:var(--font- ize-ba e);line-height:var(--line-height-tight);border:2px  olid tran parent;tran ition:all 0.15  ea e-in-out;min-height:44px;di play:inline-flex;align-item :center;ju tify-content:center;gap:var(-- pace- m)}.btn-primary{background-color:var(--color-primary);color:var(--text-inver e);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--text-inver e);tran form:tran lateY(-1px);box- hadow:0 4px 12px rgba(15,117,189,0.3)}.btn- econdary{background-color:tran parent;color:var(--text-primary);border-color:var(--border)}.btn- econdary:hover{background-color:var(-- urface);color:var(--text-primary);border-color:var(--text-muted)}.btn-accent{background-color:var(--color-accent);color:var(--text-inver e);border-color:var(--color-accent)}.btn-accent:hover{background-color:var(--color-accent-dark);border-color:var(--color-accent-dark);color:var(--text-inver e);tran form:tran lateY(-1px);box- hadow:0 4px 12px rgba(247,44,147,0.3)}.btn-light{background-color:var(--text-primary);color:var(--text-inver e);border-color:var(--text-primary)}.btn-light:hover{background-color:var(--text- econdary);color:var(--text-inver e);border-color:var(--text- econdary)}.btn-outline-light{background-color:tran parent;color:var(--text-primary);border-color:var(--text-primary)}.btn-outline-light:hover{background-color:var(--text-primary);color:var(--text-inver e)}.form-control{border:2px  olid var(--border);border-radiu :8px;padding:12px 16px;font- ize:var(--font- ize-ba e);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--background);tran ition:all 0.15  ea e-in-out}.form-control:focu{border-color:var(--color-primary);box- hadow: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(-- pace- m)}.card{border:1px  olid var(--border);border-radiu :12px;background-color:var(--background);box- hadow:0 1px 3px rgba(0,0,0,0.1);tran ition:all 0.15  ea e-in-out}.card:hover{box- hadow:0 4px 12px rgba(0,0,0,0.15);tran form:tran lateY(-2px)}.card-header{background-color:var(-- urface);border-bottom:1px  olid var(--border);padding:var(-- pace-lg);font-weight:var(--font-weight- emibold)}.card-body{padding:var(-- pace-xl)}.navbar{background-color:var(--background);border-bottom:1px  olid var(--border);padding:var(-- pace-lg) 0}.navbar-brand{font-weight:var(--font-weight-bold);color:var(--text-primary);font- ize:var(--font- ize-xl)}.nav-link{color:var(--text-primary);font-weight:var(--font-weight-medium);padding:var(-- pace- m) var(-- pace-lg);border-radiu :6px;tran ition:all 0.15  ea e-in-out}.nav-link:hover{color:var(--color-primary);background-color:var(-- urface)}.hero- ection{padding:var(-- pace-5xl) 0;text-align:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:var(--text-inver e)}.hero-title{font- ize:var(--font- ize-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(-- pace-xl);line-height:var(--line-height-tight)}.hero- ubtitle{font- ize:var(--font- ize-lg);margin-bottom:var(-- pace-2xl);opacity:0.9;line-height:var(--line-height-relaxed)}@media (max-width:768px){.hero-title{font- ize:var(--font- ize-3xl)}.hero- ubtitle{font- ize:var(--font- ize-ba e)}.btn{width:100%;margin-bottom:var(-- pace- m)}.card-body{padding:var(-- pace-lg)}}*:focu{outline:3px  olid var(--color-primary);outline-off et:2px}. kip-link{po ition:ab olute;top:-40px;left:6px;background:var(--text-primary);color:var(--text-inver e);padding:8px;text-decoration:none;border-radiu :4px;z-index:1000}. kip-link:focu{top:6px}@media (prefer -contra t:high){.btn{border-width:3px}.card{border-width:2px}}@media (prefer -reduced-motion:reduce){*{animation-duration:0.01m  !important;animation-iteration-count:1 !important;tran ition-duration:0.01m  !important}}. ite-app  .hero- ection{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%)}. ite-datemetrix{--color-primary:#673AB7;--color-primary-dark:#512DA8}. ite-datemetrix .hero- ection{background:linear-gradient(135deg,#673AB7 0%,#9C27B0 100%)}. ite-genepool{--color-primary:#00897B;--color-primary-dark:#00695C}. ite-genepool .hero- ection{background:linear-gradient(135deg,#00897B 0%,#4DB6AC 100%)}. ite-wellmatched{--color-primary:#1976D2;--color-primary-dark:#1565C0}. ite-wellmatched .hero- ection{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(-- pace-x )}.mt-2{margin-top:var(-- pace- m)}.mt-3{margin-top:var(-- pace-ba e)}.mt-4{margin-top:var(-- pace-lg)}.mt-5{margin-top:var(-- pace-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(-- pace-x )}.mb-2{margin-bottom:var(-- pace- m)}.mb-3{margin-bottom:var(-- pace-ba e)}.mb-4{margin-bottom:var(-- pace-lg)}.mb-5{margin-bottom:var(-- pace-xl)}.p-0{padding:0}.p-1{padding:var(-- pace-x )}.p-2{padding:var(-- pace- m)}.p-3{padding:var(-- pace-ba e)}.p-4{padding:var(-- pace-lg)}.p-5{padding:var(-- pace-xl)}.fw-normal{font-weight:var(--font-weight-normal)}.fw-medium{font-weight:var(--font-weight-medium)}.fw- emibold{font-weight:var(--font-weight- emibold)}.fw-bold{font-weight:var(--font-weight-bold)}.rounded{border-radiu :8px}.rounded-lg{border-radiu :12px}.rounded-xl{border-radiu :16px}. hadow- m{box- hadow:0 1px 3px rgba(0,0,0,0.1)}. hadow{box- hadow:0 4px 6px rgba(0,0,0,0.1)}. hadow-lg{box- hadow:0 10px 15px rgba(0,0,0,0.1)}.tran ition-all{tran ition:all 0.15  ea e-in-out}.tran ition-color{tran ition:color 0.15  ea e-in-out,background-color 0.15  ea e-in-out}.tran ition-tran form{tran ition:tran form 0.15  ea e-in-out}.hover-lift:hover{tran form:tran lateY(-2px)}.hover- cale:hover{tran form:cale(1.02)}@media print{.btn,.navbar,.hero- ection{di play:none}body{font- ize:12pt;line-height:1.5;color:black;background:white}h1,h2,h3,h4,h5,h6{color:black;page-break-after:avoid}.card{border:1px  olid black;box- hadow:none}}:root{-- teve-job -color- aturation:1;-- teve-job -color-contra t:1;-- teve-job -font- cale:1;-- teve-job -emotional-brightne :1;-- teve-job -emotional-warmth:1;-- teve-job -emotional-calm:0;-- teve-job -animation-energy:1;-- teve-job -immer ion-level:0.2;-- teve-job - patial-depth:0;-- teve-job -reality-blur:0;-- teve-job -animation- peed:1;-- teve-job -tran ition-duration:0.3 }[data-reality-mode="traditional-2d"]{-- teve-job - patial-depth:0;-- teve-job -reality-blur:0}[data-reality-mode="immer ive-2d"]{-- teve-job - patial-depth:5px;-- teve-job -reality-blur:0.5px}[data-reality-mode="immer ive-2d"] .card,[data-reality-mode="immer ive-2d"] .btn{tran form:per pective(1000px) tran lateZ(var(-- teve-job - patial-depth));tran ition:tran form calc(var(-- teve-job -tran ition-duration) * var(-- teve-job -animation- peed)) ea e-out}[data-reality-mode="mobile-ar"]{-- teve-job - patial-depth:10px;-- teve-job -reality-blur:1px}[data-reality-mode="augmented-reality"],[data-reality-mode="virtual-reality"],[data-reality-mode="mixed-reality"]{-- teve-job - patial-depth:20px;-- teve-job -reality-blur:2px}. teve-job -reality-traditional-2d,. teve-job -reality-immer ive-2d,. teve-job -reality-mobile-ar,. teve-job -reality-augmented-reality,. teve-job -reality-virtual-reality,. teve-job -reality-mixed-reality{tran ition:all calc(var(-- teve-job -tran ition-duration) * var(-- teve-job -animation- peed)) ea e-in-out}. teve-job -quantum-harmony-optimized{filter:aturate(var(-- teve-job -color- aturation)) contra t(var(-- teve-job -color-contra t))}. teve-job -emotional-enhancement{filter:brightne (var(-- teve-job -emotional-brightne ))  epia(calc(var(-- teve-job -emotional-warmth) - 1)) hue-rotate(calc(var(-- teve-job -emotional-calm) * 30deg));tran ition:filter 2  ea e-in-out}. teve-job -rea urance-mode{-- teve-job -animation- peed:0.5;-- teve-job -tran ition-duration:0.5 }. teve-job -rea urance-mode .btn-primary{box- hadow:0 0 20px rgba(var(--b - ucce -rgb),0.3)}. teve-job -rea urance-mode .form-control:focu{border-color:var(--b - ucce );box- hadow:0 0 0 0.25rem rgba(var(--b - ucce -rgb),0.25)}. teve-job - implified{-- teve-job -animation- peed:0.3}. teve-job - implified .non-e ential{opacity:0.6;filter:gray cale(0.3)}. teve-job - implified .card{border:2px  olid var(--b -border-color)}[ tyle*="-- teve-job -animation-energy:1.5"] .btn{tran ition:all calc(0.2  / var(-- teve-job -animation-energy)) ea e-out}[ tyle*="-- teve-job -animation-energy:1.5"] .btn:hover{tran form:cale(1.05) tran lateY(-2px)}[ tyle*="-- teve-job -animation-energy:0.5"] *{animation-duration:calc(var(--animation-duration,1 ) * 2)}. teve-job -complex-animation  *{tran ition-timing-function:cubic-bezier(0.68,-0.55,0.265,1.55)}. teve-job -complex-animation  .card:hover{animation:quantumPul e 2  ea e-in-out infinite}@keyframe  quantumPul e{0%,100%{tran form:cale(1);box- hadow:0 4px 6px rgba(0,0,0,0.1)}50%{tran form:cale(1.02);box- hadow:0 8px 12px rgba(0,0,0,0.15)}}. teve-job - imple-animation  *{tran ition-timing-function:ea e;animation:none !important}. teve-job -acce ibility-enhanced{font- ize:calc(1rem * var(-- teve-job -font- cale))}. teve-job -acce ibility-enhanced .btn,. teve-job -acce ibility-enhanced .form-control{min-height:48px;font- ize:inherit}[data-high-contra t="true"]{filter:contra t(1.5)}[data-high-contra t="true"] .text-muted{color:var(--b -dark) !important;opacity:0.9}.reality-tran ition-fade{animation:realityFade 1  ea e-in-out}@keyframe  realityFade{0%{opacity:1;filter:blur(0)}50%{opacity:0.5;filter:blur(5px)}100%{opacity:1;filter:blur(0)}}. patial-element{tran form- tyle:pre erve-3d;backface-vi ibility:hidden}. patial-element:hover{tran form:per pective(1000px) rotateY(5deg) tran lateZ(10px)}[data-den ity="den e"]{--b -gutter-x:0.5rem;--b -gutter-y:0.5rem}[data-den ity="den e"] .card{padding:0.75rem}[data-den ity=" paciou "]{--b -gutter-x:2rem;--b -gutter-y:2rem}[data-den ity=" paciou "] .card{padding:2rem}. teve-job -neural-fallback,. teve-job -quantum-fallback,. teve-job -predictive-fallback,. teve-job -color-fallback,. teve-job -reality-fallback,. teve-job -biometric-fallback,. teve-job -integration-fallback,. teve-job -validation-fallback{animation:none !important;tran ition:all 0.3  ea e !important;filter:none !important}. teve-job -quantum-harmony-optimized,. teve-job -emotional-enhancement,. patial-element{will-change:tran form,filter;tran form:tran lateZ(0)}@media (prefer -reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01m  !important;animation-iteration-count:1 !important;tran ition-duration:0.01m  !important}. teve-job -complex-animation  *{animation:none !important}}[data-theme="dark"]{-- teve-job -emotional-brightne :0.9;-- teve-job -color- aturation:0.9;-- teve-job -color-contra t:1.1}[data-theme="dark"] . teve-job -quantum-harmony-optimized{filter:aturate(var(-- teve-job -color- aturation)) contra t(var(-- teve-job -color-contra t)) brightne (0.95)}@media print{. teve-job -reality-engine,. teve-job -biometric-intelligence,[data-reality-mode]{di play:none !important}*{filter:none !important;animation:none !important}}
/**
 * Con olidated CSS Fixe 
 * Combine  multiple fix file  to reduce HTTP reque t 
 * Generated:2025-09-07
 */

/* ========================================
   1. DROPDOWN FIXES (Merged from 2 file )
   ======================================== */


.dropdown-menu{
    po ition:ab olute !important;
    z-index:1050 !important;
    di play:none;
    min-width:10rem;
    padding:0.5rem 0;
    margin:0;
    font- ize:1rem;
    color:#212529;
    text-align:left;
    li t- tyle:none;
    background-color:#fff;
    background-clip:padding-box;
    border:1px  olid rgba(0,0,0,.15);
    border-radiu :0.25rem;
    box- hadow:0 0.5rem 1rem rgba(0,0,0,.175);
}

.dropdown-menu. how{
    di play:block !important;
    vi ibility:vi ible !important;
    opacity:1 !important;
}


.dropdown-toggle::after{
    di play:inline-block;
    margin-left:0.255em;
    vertical-align:0.255em;
    content:"";
    border-top:0.3em  olid;
    border-right:0.3em  olid tran parent;
    border-bottom:0;
    border-left:0.3em  olid tran parent;
}


.dropdown-item{
    di play:block;
    width:100%;
    padding:0.25rem 1rem;
    clear:both;
    font-weight:400;
    color:#212529;
    text-align:inherit;
    text-decoration:none;
    white- pace:nowrap;
    background-color:tran parent;
    border:0;
}

.dropdown-item:hover,
.dropdown-item:focu {
    color:#1e2125;
    background-color:#f8f9fa;
}

/* ========================================
   2. BUTTON CONTRAST & STANDARDIZATION
   ======================================== */


.btn:not(.btn-link){
    min-height:44px !important;
    min-width:44px !important;
    padding:0.75rem 1.5rem !important;
    font-weight:500 !important;
    tran ition:all 0.2  ea e-in-out !important;
}


.btn-primary{
    background-color:#0066ff !important;
    border-color:#0066ff !important;
    color:#ffffff !important;
}

.btn-primary:hover,
.btn-primary:focu {
    background-color:#0052cc !important;
    border-color:#0052cc !important;
    color:#ffffff !important;
    box- hadow:0 0 0 0.25rem rgba(0, 102, 255, 0.25) !important;
}


.btn- econdary{
    background-color:#6c757d !important;
    border-color:#6c757d !important;
    color:#ffffff !important;
}

.btn- econdary:hover,
.btn- econdary:focu {
    background-color:#5a6268 !important;
    border-color:#545b62 !important;
    color:#ffffff !important;
}


.btn- ucce {
    background-color:#28a745 !important;
    border-color:#28a745 !important;
    color:#ffffff !important;
}

.btn- ucce :hover,
.btn- ucce :focu {
    background-color:#218838 !important;
    border-color:#1e7e34 !important;
    color:#ffffff !important;
}


.btn-danger{
    background-color:#dc3545 !important;
    border-color:#dc3545 !important;
    color:#ffffff !important;
}

.btn-danger:hover,
.btn-danger:focu {
    background-color:#c82333 !important;
    border-color:#bd2130 !important;
    color:#ffffff !important;
}


.btn-upload,
input[type="file"]::file- elector-button,
input[type="file"]::-webkit-file-upload-button{
    background-color:#0066ff !important;
    color:#ffffff !important;
    border:2px  olid #0066ff !important;
    padding:0.75rem 1.5rem !important;
    font-weight:500 !important;
    min-height:44px !important;
}

/* ========================================
   3. HERO SECTION UNIFIED FIXES
   ======================================== */


.hero-modern{
    po ition:relative;
    min-height:600px;
    background- ize:cover;
    background-po ition:center;
    background-repeat:no-repeat;
}


.card-gla ,
.card-gla -tran parent{
    background:tran parent !important;
    background-color:tran parent !important;
    backdrop-filter:none !important;
    border:none !important;
    box- hadow:none !important;
}


.hero-modern__content{
    po ition:relative;
    z-index:2;
    padding:3rem 0;
}


.hero-title{
    font- ize:3rem;
    font-weight:bold;
    margin-bottom:1.5rem;
    text- hadow:2px 2px 4px rgba(0, 0, 0, 0.5);
}


.hero-modern *{
    animation:none !important;
    tran ition:opacity 0.3  ea e, tran form 0.3  ea e !important;
}


.hero-modern img{
    width:100%;
    height:auto;
    max-width:600px;
}

/* ========================================
   4. NAVBAR & MOBILE NAVIGATION
   ======================================== */


.navbar{
    padding:0.5rem 1rem;
    background-color:rgba(255, 255, 255, 0.95);
    backdrop-filter:blur(10px);
    box- hadow:0 2px 4px rgba(0, 0, 0, 0.1);
}


@media (min-width:1025px){
    .navbar-toggler,
    .navbar-mobile-open,
    .navbar-mobile-toggle,
    #navbar-mobile-toggle,
    .mobile-menu-toggle,
    .hamburger-menu{
        di play:none !important;
        vi ibility:hidden !important;
        opacity:0 !important;
        pointer-event :none !important;
        po ition:ab olute !important;
        left:-9999px !important;
    }
}


@media (max-width:1024px){
    .navbar-mobile{
        po ition:fixed;
        top:0;
        right:-100%;
        width:80%;
        max-width:400px;
        height:100vh;
        background-color:#fff;
        tran ition:right 0.3  ea e;
        z-index:1050;
        overflow-y:auto;
    }

    .navbar-mobile.navbar-mobile-open{
        right:0;
    }

    body.no- croll{
        overflow:hidden;
    }
}

/* ========================================
   5. WCAG COLOR CONTRAST
   ======================================== */


body,
.text-body{
    color:#212529 !important;
}

.text-muted,
.text- econdary,
.text-body- econdary{
    color:#374151 !important;
}


a{
    color:#0066ff !important;
    text-decoration:underline;
}

a:hover,
a:focu {
    color:#0052cc !important;
    text-decoration:underline;
}


.form-control,
.form- elect{
    border:2px  olid #374151 !important;
    color:#212529 !important;
}

.form-control::placeholder{
    color:#6c757d !important;
    opacity:1 !important;
}

.form-control:focu {
    border-color:#0066ff !important;
    box- hadow:0 0 0 0.25rem rgba(0, 102, 255, 0.25) !important;
}

/* ========================================
   6. FOOTER VISIBILITY
   ======================================== */


footer,
.footer,
[cla *="footer"]{
    di play:block !important;
    vi ibility:vi ible !important;
    opacity:1 !important;
    po ition:relative !important;
    z-index:10 !important;
}

/* ========================================
   7. ACCESSIBILITY IMPROVEMENTS
   ======================================== */


*:focu {
    outline:3px  olid #0066ff !important;
    outline-off et:2px !important;
}


. kip-link{
    po ition:ab olute;
    top:-40px;
    left:0;
    background:#000;
    color:#fff;
    padding:8px;
    text-decoration:none;
    border-radiu :0 0 4px 0;
}

. kip-link:focu {
    top:0;
}


. r-only{
    po ition:ab olute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white- pace:nowrap;
    border:0;
}

/* ========================================
   8. CRITICAL UX ENHANCEMENTS
   ======================================== */


.loading{
    opacity:0.6;
    pointer-event :none;
    po ition:relative;
}

.loading::after{
    content:"";
    po ition:ab olute;
    top:50%;
    left:50%;
    width:20px;
    height:20px;
    margin:-10px 0 0 -10px;
    border:2px  olid #f3f3f3;
    border-top:2px  olid #3498db;
    border-radiu :50%;
    animation: pin 1  linear infinite;
}

@keyframe   pin{
    0%{ tran form:rotate(0deg);}
    100%{ tran form:rotate(360deg);}
}


.error,
.i -invalid{
    border-color:#dc3545 !important;
}

.error-me age,
.invalid-feedback{
    color:#dc3545 !important;
    font- ize:0.875rem;
    margin-top:0.25rem;
}


. ucce ,
.i -valid{
    border-color:#28a745 !important;
}

. ucce -me age,
.valid-feedback{
    color:#28a745 !important;
    font- ize:0.875rem;
    margin-top:0.25rem;
}
/**
 * Extracted Inline Style  from Template 
 * Moving inline  tyle  to external CSS for better performance
 * Generated:2025-09-07
 */

/* ========================================
   CRITICAL OVERRIDES (from ba e.html inline)
   ======================================== */


.card-gla -tran parent{
    background:tran parent !important;
    background-color:tran parent !important;
    backdrop-filter:none !important;
    border:none !important;
    box- hadow:none !important;
    padding:0 !important;
    margin:0 !important;
}


body .text-muted,
body .text- econdary,
body .text-body- econdary,
[cla *="text-muted"],
[cla *="text- econdary"]{
    color:#374151 !important;
}


:root,
[data-b -theme]{
    --b - econdary:#374151 !important;
    --b - econdary-rgb:55, 65, 81 !important;
    --b - econdary-color:#374151 !important;
    --b -gray-600:#4b5563 !important;
    --b -gray-700:#374151 !important;
}


.btn:not(.btn-link){
    min-height:44px !important;
    min-width:44px !important;
    padding:0.75rem 1.5rem !important;
}


.form-control::placeholder{
    color:#4b5563 !important;
    opacity:1 !important;
}


a:hover, 
button:hover, 
.btn:hover, 
[role="button"]:hover{
    opacity:0.8 !important;
    tran ition:all 0.2  ea e !important;
}/* CRITICAL: Glass card transparency fix */.card-glass-transparent{background:transparent\!important;background-color:transparent\!important;backdrop-filter:none\!important;border:none\!important;box-shadow:none\!important;}
/* ===== Legacy CSS Integration ===== */
/* Including: project.css, project_b5_consolidated.css, responsive styles */

/* === project.css === */
@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: #FFFFFF;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #EEEEEE;--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: #000000;--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 0%, #8BC34A 100%);--gradient-premium: linear-gradient(135deg, #FFD700 0%, #FFA000 100%);--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, 0.05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -1px rgba(0, 0, 0, 0.03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.02);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.02);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.15);--shadow-primary: 0 4px 14px 0 rgba(15, 117, 189, 0.3);--shadow-secondary: 0 4px 14px 0 rgba(247, 44, 147, 0.3);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);--shadow-inner-lg: inset 0 4px 8px 0 rgba(0, 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: rgba(255, 255, 255, 0.95);--nav-backdrop-filter: blur(10px);--modal-backdrop: rgba(0, 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, 0.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, 0.05);--data-viz-grid: rgba(59, 130, 246, 0.1);--data-viz-accent: rgba(236, 72, 153, 0.8);--gradient-premium-dna: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-science: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-luxury: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--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 0%, #fad0c4 100%);--gradient-sunset: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-ocean: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-forest: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-royal: linear-gradient(135deg, #667db6 0%, #0082c8 100%);--gradient-rose: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--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 0%, #764ba2 25%, #f093fb 50%, #f5576c 75%, #4facfe 100% );--glass-bg-light: rgba(255, 255, 255, 0.08);--glass-bg-dark: rgba(0, 0, 0, 0.08);--glass-border: rgba(255, 255, 255, 0.2);--glass-backdrop: blur(20px);--shadow-01: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-02: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-03: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-04: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-05: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-06: 0 25px 50px -12px rgba(0, 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, 0.15);--shadow-active: 0 2px 4px -1px rgba(0, 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, 0.05);--shadow-inner-strong: inset 0 2px 8px 0 rgba(0, 0, 0, 0.1);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, 0.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 0%, #9c4dcc 100%)}[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 0%, #4db6ac 100%)}[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 0%, #42a5f5 100%)}[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 0%, #66bb6a 100%)}[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 0%, #40a9ff 100%)}@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{scroll-padding-top:var(--nav-height);font-size:16px;height:100%;scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}.btn-world-class{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--btn-padding-y) var(--btn-padding-x);font-family:var(--font-family-base);font-size:var(--text-base);font-weight:var(--btn-font-weight);line-height:1;text-decoration:none;white-space:nowrap;border:none;border-radius:var(--btn-border-radius);cursor:pointer;transition:var(--btn-transition);transform-origin:center;overflow:hidden;min-height:44px;min-width:44px}.btn-world-class::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.5);transform:translate(-50%, -50%);transition:width var(--duration-slow),height var(--duration-slow)}.btn-world-class:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-world-class:active{transform:translateY(0);transition-duration:var(--duration-instant)}.btn-world-class:active::before{width:300px;height: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:rgba(0,0,0,0);color:var(--color-primary-500)}.btn-world-class.btn-ghost:hover{background-color:rgba(var(--color-primary-500), 0.1)}.btn-world-class.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.btn-world-class.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-lg)}.btn-world-class.btn-loading{color:rgba(0,0,0,0)}.btn-world-class.btn-loading::after{content:"";position:absolute;width:20px;height:20px;margin:auto;border:2px solid rgba(0,0,0,0);border-radius:50%;border-top-color:currentColor;animation:btn-loading-spin 1s ease infinite}@keyframes btn-loading-spin{to{transform:rotate(360deg)}}.form-field-world-class{position:relative;margin-bottom:var(--space-lg)}.form-field-world-class input,.form-field-world-class textarea,.form-field-world-class select{width:100%;padding:var(--form-field-padding-y) var(--form-field-padding-x);font-family:var(--font-family-base);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-gray-900);background-color:#fff;border:var(--form-field-border-width) solid var(--form-field-border-color);border-radius:var(--form-field-border-radius);transition:all var(--duration-fast) var(--easing-default);min-height:44px}.form-field-world-class input:focus,.form-field-world-class textarea:focus,.form-field-world-class select: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 textarea:valid,.form-field-world-class select:valid{border-color:var(--color-success)}.form-field-world-class input:invalid:not(:-moz-placeholder), .form-field-world-class textarea:invalid:not(:-moz-placeholder), .form-field-world-class select:invalid:not(:-moz-placeholder){border-color:var(--color-error)}.form-field-world-class input:invalid:not(:placeholder-shown),.form-field-world-class textarea:invalid:not(:placeholder-shown),.form-field-world-class select:invalid:not(:placeholder-shown){border-color:var(--color-error)}.form-field-world-class input:disabled,.form-field-world-class textarea:disabled,.form-field-world-class select:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.6}.form-field-world-class label{position:absolute;top:50%;left:var(--form-field-padding-x);transform:translateY(-50%);font-size:var(--text-base);color:var(--color-gray-500);pointer-events:none;transition:all var(--duration-fast) var(--easing-default);background-color:#fff;padding:0 var(--space-2xs)}.form-field-world-class input:not(:-moz-placeholder)~label, .form-field-world-class textarea:not(:-moz-placeholder)~label{top:0;font-size:var(--text-sm);color:var(--form-field-focus-color)}.form-field-world-class input:focus~label,.form-field-world-class input:not(:placeholder-shown)~label,.form-field-world-class textarea:focus~label,.form-field-world-class textarea:not(:placeholder-shown)~label,.form-field-world-class select:focus~label,.form-field-world-class select:valid~label{top:0;font-size:var(--text-sm);color:var(--form-field-focus-color)}.form-field-world-class .form-help{margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-gray-600)}.form-field-world-class .form-error{margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-error);display:none}.form-field-world-class.has-error input,.form-field-world-class.has-error textarea,.form-field-world-class.has-error select{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 textarea,.form-field-world-class.has-success select{border-color:var(--color-success)}.password-strength{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-2xs);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:nth-child(1){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{position:relative;background:#fff;border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);padding:var(--card-padding);transition:all var(--duration-normal) var(--easing-default);cursor:pointer}.card-world-class::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;box-shadow:var(--card-shadow-hover);opacity: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{margin:0;font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.card-world-class .card-body{color:var(--color-gray-600);line-height:var(--line-height-relaxed)}.card-world-class .card-footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-gray-200)}.skeleton{position:relative;overflow:hidden;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%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);animation:skeleton-shimmer 2s infinite}.skeleton.skeleton-text{height:1em;border-radius:var(--radius-sm)}.skeleton.skeleton-title{height:1.5em;width:50%;border-radius:var(--radius-sm)}.skeleton.skeleton-button{height:44px;width:120px;border-radius:var(--radius-full)}.skeleton.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}@keyframes skeleton-shimmer{100%{transform:translateX(100%);background-position:-200% 0}}.pulse-loader{display:inline-block;width:40px;height:40px}.pulse-loader::after{content:" ";display:block;width:32px;height:32px;margin:4px;border-radius:50%;border:3px solid var(--color-primary-500);border-color:var(--color-primary-500) rgba(0,0,0,0) var(--color-primary-500) rgba(0,0,0,0);animation:pulse-spin 1.2s linear infinite}@keyframes pulse-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.nav-world-class{position:sticky;top:0;z-index:var(--z-index-sticky);background:#fff;box-shadow:var(--shadow-sm);height:var(--nav-height)}.nav-world-class .nav-container{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--space-lg);max-width:var(--container-7xl);margin:0 auto}.nav-world-class .nav-brand{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);text-decoration:none}.nav-world-class .nav-menu{display:flex;align-items:center;gap:var(--space-xs);list-style:none;margin:0;padding:0}.nav-world-class .nav-item a{display:flex;align-items:center;padding:var(--nav-item-padding-y) var(--nav-item-padding-x);color:var(--color-gray-600);text-decoration:none;border-radius:var(--radius-md);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}}@media(max-width: 768px){.nav-world-class .nav-menu{position:fixed;top:var(--nav-height);left:-100%;width:100%;height:calc(100vh - var(--nav-height));background:#fff;flex-direction:column;align-items:stretch;padding:var(--space-lg);box-shadow:var(--shadow-xl);transition:left var(--duration-normal) var(--easing-default)}.nav-world-class .nav-menu.is-open{left:0}.nav-world-class .nav-item a{padding:var(--space-md);width:100%}}.modal-world-class{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background-color:var(--modal-backdrop-color);z-index:var(--z-index-modal);opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--easing-default)}.modal-world-class.is-open{opacity:1;visibility:visible}.modal-world-class .modal-content{position:relative;width:100%;max-width:var(--container-lg);max-height:90vh;background:#fff;border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow);padding:var(--modal-padding);overflow-y:auto;transform:scale(0.9);transition:transform var(--duration-normal) var(--easing-bounce)}.modal-world-class.is-open .modal-content{transform:scale(1)}.modal-world-class .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.modal-world-class .modal-header h2{margin:0;font-size:var(--text-2xl);font-weight:var(--font-weight-bold)}.modal-world-class .modal-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:rgba(0,0,0,0);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--easing-default)}.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 slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn var(--duration-medium) var(--ease-smooth) forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-elastic-out) forwards}@keyframes scaleIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.animate-pulse{animation:pulse 2s var(--ease-smooth) infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{transform:scale(1.05);opacity:1}}.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}.skip-link{transition:top var(--duration-fast) var(--easing-default);position:absolute;top:-40px;left:0;background:var(--bs-primary);color:#fff;padding:8px;text-decoration:none;border-radius:0 0 4px 0;z-index:9999}.skip-link:focus{top:0}.touch-target{position:relative}.touch-target::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:max(100%,44px);height:max(100%,44px)}.container-query{container-type:inline-size}.gpu-accelerated{will-change:transform;transform:translateZ(0)}.content-visibility-auto{content-visibility:auto;contain-intrinsic-size:0 400px}@keyframes dna-helix-rotate{0%{transform:rotateY(0deg)}100%{transform:rotateY(360deg)}}@keyframes dna-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes genetic-flow{0%{transform:translateX(-100%);opacity:0}50%{opacity:1}100%{transform:translateX(100%);opacity:0}}@keyframes compatibility-pulse{0%,100%{transform:translate(-50%, -50%) scale(1);box-shadow:var(--shadow-lg)}70%{box-shadow:0 0 0 10px rgba(0,0,0,0)}}@keyframes data-stream{0%{transform:translateY(100%);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100%);opacity:0}}.dna-helix-container{position:relative;width:120px;height:200px;margin:0 auto;perspective:1000px}.dna-helix-container .dna-helix{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:dna-helix-rotate var(--dna-rotation-speed) linear infinite}.dna-helix-container .dna-helix .helix-strand{position:absolute;width:4px;height:100%;background:linear-gradient(to bottom, var(--dna-helix-primary), var(--dna-helix-secondary));border-radius:2px;transform-origin:center}.dna-helix-container .dna-helix .helix-strand:nth-child(1){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{position:absolute;width:80px;height:2px;background:var(--dna-helix-tertiary);left:50%;transform:translateX(-50%);border-radius:1px;animation:dna-pulse var(--helix-pulse-speed) ease-in-out infinite}.dna-helix-container .dna-helix .base-pair:nth-child(7){top:18px;animation-delay:0.2s}.dna-helix-container .dna-helix .base-pair:nth-child(8){top:36px;animation-delay:0.4s}.dna-helix-container .dna-helix .base-pair:nth-child(9){top:54px;animation-delay:0.6s}.dna-helix-container .dna-helix .base-pair:nth-child(10){top:72px;animation-delay:0.8s}.dna-helix-container .dna-helix .base-pair:nth-child(11){top:90px;animation-delay:1s}.dna-helix-container .dna-helix .base-pair:nth-child(12){top:108px;animation-delay:1.2s}.dna-helix-container .dna-helix .base-pair:nth-child(13){top:126px;animation-delay:1.4s}.dna-helix-container .dna-helix .base-pair:nth-child(14){top:144px;animation-delay:1.6s}.dna-helix-container .dna-helix .base-pair:nth-child(15){top:162px;animation-delay:1.8s}.dna-helix-container .dna-helix .base-pair:nth-child(16){top:180px;animation-delay:2s}.dna-helix-micro{width:24px;height:32px;position:relative;display:inline-block}.dna-helix-micro::before,.dna-helix-micro::after{content:"";position:absolute;width:2px;height:100%;background:linear-gradient(45deg, var(--dna-helix-primary), var(--dna-helix-secondary));border-radius:1px}.dna-helix-micro::before{left:6px;transform:rotate(-15deg)}.dna-helix-micro::after{right:6px;transform:rotate(15deg)}.genetic-profile-card{position:relative;background:linear-gradient(145deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 100%);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;padding:32px;margin:16px 0;overflow:hidden;transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);cursor:pointer}.genetic-profile-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-genetic);border-radius:24px 24px 0 0}.genetic-profile-card::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.genetic-profile-card:hover{transform:translateY(-8px);box-shadow:0 32px 64px rgba(0,0,0,.15)}.genetic-profile-card:hover::after{opacity:1}.genetic-profile-card .profile-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.genetic-profile-card .profile-header .profile-avatar{position:relative;width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid var(--dna-helix-primary);animation:compatibility-pulse 3s infinite}.genetic-profile-card .profile-header .profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.genetic-profile-card .profile-header .profile-avatar .genetic-indicator{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;background:var(--compatibility-excellent);border:3px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700}.genetic-profile-card .profile-header .profile-info{flex:1}.genetic-profile-card .profile-header .profile-info h3{margin:0 0 8px 0;font-size:24px;font-weight:700;color:var(--color-gray-900);font-family:var(--font-secondary)}.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{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--gradient-genetic);color:#fff;border-radius:20px;font-size:14px;font-weight:600}.genetic-profile-card .profile-header .profile-info .compatibility-badge .dna-icon{width:16px;height:16px}.genetic-profile-card .genetic-compatibility{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:16px;margin:24px 0}.genetic-profile-card .genetic-compatibility .compatibility-metric{text-align:center}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-value{font-size:32px;font-weight:800;color:var(--dna-helix-primary);font-family:var(--font-secondary);margin-bottom:4px}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-label{font-size:14px;color:var(--color-gray-600);font-weight:500}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-bar{width:100%;height:4px;background:var(--color-gray-200);border-radius:2px;margin:8px 0;overflow:hidden}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-bar .metric-fill{height:100%;background:var(--gradient-genetic);border-radius:2px;transition:width 1s ease-out}.genetic-profile-card .genetic-traits .traits-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:12px}.genetic-profile-card .genetic-traits .traits-grid .trait-pill{padding:8px 16px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:20px;text-align:center;font-size:14px;color:var(--dna-helix-primary);font-weight:500;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{position:relative;background:var(--data-viz-background);border:1px solid var(--data-viz-grid);border-radius:16px;padding:24px;margin:24px 0}.genetic-data-viz .viz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.genetic-data-viz .viz-header h4{margin:0;font-size:18px;font-weight:600;color:var(--color-gray-900)}.genetic-data-viz .viz-header .viz-legend{display:flex;gap:16px}.genetic-data-viz .viz-header .viz-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:14px}.genetic-data-viz .viz-header .viz-legend .legend-item .legend-color{width:12px;height:12px;border-radius:50%}.genetic-data-viz .compatibility-chart{position:relative;height:200px;background:repeating-linear-gradient(90deg, transparent, transparent 40px, var(--data-viz-grid) 40px, var(--data-viz-grid) 41px)}.genetic-data-viz .compatibility-chart .chart-bar{position:absolute;bottom:0;width:60px;background:var(--gradient-genetic);border-radius:4px 4px 0 0;transition:all .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.genetic-data-viz .compatibility-chart .chart-bar::after{content:attr(data-value);position:absolute;top:-30px;left:50%;transform:translateX(-50%);font-size:14px;font-weight:600;color:var(--dna-helix-primary)}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(1){left:20px;animation-delay:0.1s}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(2){left:100px;animation-delay:0.2s}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(3){left:180px;animation-delay:0.3s}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(4){left:260px;animation-delay:0.4s}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(5){left:340px;animation-delay:0.5s}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(6){left:420px;animation-delay:0.6s}.genetic-data-viz .dna-sequence-viz{display:flex;justify-content:center;align-items:center;height:60px;margin:20px 0}.genetic-data-viz .dna-sequence-viz .sequence-base{width:20px;height:20px;margin:0 2px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;animation:genetic-flow var(--data-flow-speed) ease-in-out infinite}.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:nth-child(1){animation-delay:0.1s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(2){animation-delay:0.2s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(3){animation-delay:0.3s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(4){animation-delay:0.4s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(5){animation-delay:0.5s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(6){animation-delay:0.6s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(7){animation-delay:0.7s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(8){animation-delay:0.8s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(9){animation-delay:0.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);overflow:hidden;margin:24px 0}.genetic-report-card .report-header{background:var(--gradient-science);padding:32px;text-align:center;color:#fff}.genetic-report-card .report-header .report-title{font-size:28px;font-weight:800;margin-bottom:8px;font-family:var(--font-secondary)}.genetic-report-card .report-header .report-subtitle{font-size:16px;opacity:.9}.genetic-report-card .report-header .genetic-score{display:inline-block;margin-top:20px;padding:16px 32px;background:hsla(0,0%,100%,.2);border-radius:50px;backdrop-filter:blur(10px)}.genetic-report-card .report-header .genetic-score .score-value{font-size:48px;font-weight:900;font-family:var(--font-secondary)}.genetic-report-card .report-header .genetic-score .score-label{font-size:14px;opacity:.8;margin-top:4px}.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{display:flex;align-items:center;gap:12px;margin-bottom:20px}.genetic-report-card .report-sections .report-section .section-header .section-icon{width:40px;height:40px;border-radius:50%;background:var(--gradient-genetic);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.genetic-report-card .report-sections .report-section .section-header .section-title{font-size:20px;font-weight:700;color:var(--color-gray-900);margin:0}.genetic-report-card .report-sections .report-section .genetic-markers{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:16px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item{padding:16px;background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);border-radius:12px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .marker-name{font-weight:600;color:var(--color-gray-900);margin-bottom:8px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .marker-value{font-size:14px;color:var(--color-gray-600);margin-bottom:12px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator{display:flex;align-items:center;gap:8px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator .indicator-dot{width:8px;height:8px;border-radius:50%}.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;text-transform:uppercase;letter-spacing:.5px}.genetic-interaction-panel{position:relative;background:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;padding:32px;margin:24px 0;overflow:hidden}.genetic-interaction-panel::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%, rgba(59, 130, 246, 0.1) 0%, transparent 50%),radial-gradient(circle at 80% 20%, rgba(236, 72, 153, 0.1) 0%, transparent 50%),radial-gradient(circle at 40% 80%, rgba(16, 185, 129, 0.1) 0%, transparent 50%);pointer-events:none}.genetic-interaction-panel .interaction-header{text-align:center;margin-bottom:32px}.genetic-interaction-panel .interaction-header h3{font-size:28px;font-weight:800;margin-bottom:12px;background:var(--gradient-genetic);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.genetic-interaction-panel .genetic-sliders{display:grid;gap:24px}.genetic-interaction-panel .genetic-sliders .slider-group .slider-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.genetic-interaction-panel .genetic-sliders .slider-group .slider-label .label-text{font-weight:600;color:var(--color-gray-900)}.genetic-interaction-panel .genetic-sliders .slider-group .slider-label .label-value{font-weight:700;color:var(--dna-helix-primary)}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider{position:relative;height:8px;background:var(--color-gray-200);border-radius:4px;cursor:pointer}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider .slider-track{position:absolute;height:100%;background:var(--gradient-genetic);border-radius:4px;transition:width .3s ease}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider .slider-thumb{position:absolute;top:-6px;width:20px;height:20px;background:#fff;border:3px solid var(--dna-helix-primary);border-radius:50%;cursor:grab;box-shadow:0 4px 8px rgba(0,0,0,.15);transition:all .3s ease}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider .slider-thumb:hover{transform:scale(1.2);box-shadow:0 6px 12px rgba(0,0,0,.25)}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider .slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.premium-genetic-card{position:relative;background:linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);border:2px solid rgba(0,0,0,0);border-radius:32px;padding:40px;margin:32px 0;overflow:hidden}.premium-genetic-card::before{content:"";position:absolute;inset:0;padding:2px;background:var(--gradient-luxury);border-radius:32px;-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}.premium-genetic-card .premium-badge{position:absolute;top:20px;right:20px;padding:8px 16px;background:var(--gradient-premium-dna);color:#fff;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 16px rgba(245,87,108,.3)}.premium-genetic-card .luxury-metrics{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:24px;margin:32px 0}.premium-genetic-card .luxury-metrics .luxury-metric{text-align:center;padding:24px;background:rgba(59,130,246,.03);border-radius:20px;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{width:48px;height:48px;margin:0 auto 16px;background:var(--gradient-genetic);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.premium-genetic-card .luxury-metrics .luxury-metric .metric-title{font-size:18px;font-weight:700;color:var(--color-gray-900);margin-bottom:8px}.premium-genetic-card .luxury-metrics .luxury-metric .metric-description{font-size:14px;color:var(--color-gray-600);line-height:1.5}.trust-indicators{display:flex;justify-content:center;gap:32px;margin:40px 0;flex-wrap:wrap}.trust-indicators .trust-badge{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#fff;border-radius:50px;box-shadow:0 8px 24px rgba(0,0,0,.08);transition:all .3s ease}.trust-indicators .trust-badge:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.12)}.trust-indicators .trust-badge .trust-icon{width:24px;height:24px;color:var(--dna-helix-primary)}.trust-indicators .trust-badge .trust-text{font-size:14px;font-weight:600;color:var(--color-gray-800)}.scientific-credibility{background:linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(236, 72, 153, 0.05) 100%);border:1px solid rgba(59,130,246,.1);border-radius:20px;padding:32px;margin:32px 0;text-align:center}.scientific-credibility .credibility-header{margin-bottom:24px}.scientific-credibility .credibility-header .credibility-icon{width:64px;height:64px;margin:0 auto 16px;background:var(--gradient-science);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px}.scientific-credibility .credibility-header .credibility-title{font-size:24px;font-weight:800;color:var(--color-gray-900);margin-bottom:8px}.scientific-credibility .credibility-header .credibility-subtitle{font-size:16px;color:var(--color-gray-600)}.scientific-credibility .credibility-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:24px}.scientific-credibility .credibility-stats .stat-item .stat-number{font-size:32px;font-weight:900;color:var(--dna-helix-primary);font-family:var(--font-secondary)}.scientific-credibility .credibility-stats .stat-item .stat-label{font-size:14px;color:var(--color-gray-600);margin-top:4px}@media(max-width: 768px){.genetic-profile-card{padding:24px;margin:12px 0}.genetic-profile-card .profile-header{flex-direction:column;text-align:center;gap:16px}.genetic-profile-card .genetic-compatibility{grid-template-columns:repeat(2, 1fr);gap:12px}.genetic-data-viz{padding:16px}.genetic-data-viz .compatibility-chart{height:150px}.premium-genetic-card{padding:24px;margin:20px 0}.premium-genetic-card .luxury-metrics{grid-template-columns:1fr;gap:16px}.trust-indicators{flex-direction:column;align-items:center;gap:16px}}@media(prefers-reduced-motion: reduce){.dna-helix{animation:none}.dna-pulse,.genetic-flow,.data-stream,.compatibility-pulse{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-profile-card,.genetic-data-viz,.premium-genetic-card{contain:layout style paint}.dna-helix{will-change:transform}.genetic-slider .slider-thumb{will-change:transform}.glass-surface{background:hsla(0,0%,100%,.08);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{background:hsla(0,0%,100%,.08);border:var(--border-thin) solid hsla(0,0%,100%,.2);box-shadow:var(--shadow-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl)}.glass-nav{background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid hsla(0,0%,100%,.2)}.neumorphism{background:#f0f0f0;box-shadow:8px 8px 16px #d1d1d1,-8px -8px 16px #fff;border-radius:20px}.neumorphism-inset{background:#f0f0f0;box-shadow:inset 8px 8px 16px #d1d1d1,inset -8px -8px 16px #fff;border-radius:20px}.soft-morphism{background:linear-gradient(145deg, #ffffff, #f0f0f0);box-shadow:5px 5px 10px rgba(0,0,0,.1),-5px -5px 10px hsla(0,0%,100%,.7);border-radius:16px}.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:rgba(0,0,0,0);background-clip:text}.gradient-text-premium{background:var(--gradient-premium-dna);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.gradient-border{position:relative;background:#fff;border-radius:16px}.gradient-border::before{content:"";position:absolute;inset:0;padding:2px;background:var(--gradient-genetic);border-radius:16px;-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}.animate-float{animation:float 3s var(--ease-smooth) infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-glow{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{from{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{background-size:200% 200%;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.animate-pulse-slow{animation:pulse-slow 4s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes pulse-slow{0%,100%{opacity:1}50%{opacity:.6}}.animate-bounce-in{animation:bounce-in .6s cubic-bezier(0.68, -0.55, 0.265, 1.55)}@keyframes bounce-in{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.95)}100%{opacity:1;transform:scale(1)}}.animate-slide-in-up{animation:slide-in-up .8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}@keyframes slide-in-up{0%{transform:translateY(100px);opacity:0}100%{transform:translateY(0);opacity:1}}.hover-lift{transition:var(--transition-smooth)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.hover-glow{transition:var(--transition-smooth)}.hover-glow:hover{box-shadow:0 0 20px rgba(var(--color-primary-rgb), 0.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(0.25, 0.46, 0.45, 0.94)}.interactive-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px rgba(0,0,0,.15)}.interactive-card:active{transform:translateY(-6px);transition-duration:.1s}.skeleton-loading{background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 2s infinite}@keyframes skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.pulse-loading{animation:pulse-loading 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes pulse-loading{0%,100%{opacity:1}50%{opacity:.5}}.spinner-dna{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top:4px solid var(--dna-helix-primary);border-radius:50%;animation:spinner-rotate 1s linear infinite}@keyframes spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.container-fluid{width:100%;padding-left:var(--space-lg);padding-right:var(--space-lg);margin-left:auto;margin-right:auto}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--space-lg)}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:var(--space-lg)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom: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{margin-left:var(--space-xs)}.mx-xs{margin-left:var(--space-xs);margin-right:var(--space-xs)}.my-xs{margin-top:var(--space-xs);margin-bottom: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{padding-left:var(--space-xs)}.px-xs{padding-left:var(--space-xs);padding-right:var(--space-xs)}.py-xs{padding-top:var(--space-xs);padding-bottom: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{margin-left:var(--space-sm)}.mx-sm{margin-left:var(--space-sm);margin-right:var(--space-sm)}.my-sm{margin-top:var(--space-sm);margin-bottom: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{padding-left:var(--space-sm)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.py-sm{padding-top:var(--space-sm);padding-bottom: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{margin-left:var(--space-md)}.mx-md{margin-left:var(--space-md);margin-right:var(--space-md)}.my-md{margin-top:var(--space-md);margin-bottom: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{padding-left:var(--space-md)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.py-md{padding-top:var(--space-md);padding-bottom: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{margin-left:var(--space-lg)}.mx-lg{margin-left:var(--space-lg);margin-right:var(--space-lg)}.my-lg{margin-top:var(--space-lg);margin-bottom: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{padding-left:var(--space-lg)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.py-lg{padding-top:var(--space-lg);padding-bottom: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{margin-left:var(--space-xl)}.mx-xl{margin-left:var(--space-xl);margin-right:var(--space-xl)}.my-xl{margin-top:var(--space-xl);margin-bottom: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{padding-left:var(--space-xl)}.px-xl{padding-left:var(--space-xl);padding-right:var(--space-xl)}.py-xl{padding-top:var(--space-xl);padding-bottom: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{margin-left:var(--space-2xl)}.mx-2xl{margin-left:var(--space-2xl);margin-right:var(--space-2xl)}.my-2xl{margin-top:var(--space-2xl);margin-bottom: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{padding-left:var(--space-2xl)}.px-2xl{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}.py-2xl{padding-top:var(--space-2xl);padding-bottom: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{margin-left:var(--space-3xl)}.mx-3xl{margin-left:var(--space-3xl);margin-right:var(--space-3xl)}.my-3xl{margin-top:var(--space-3xl);margin-bottom: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{padding-left:var(--space-3xl)}.px-3xl{padding-left:var(--space-3xl);padding-right:var(--space-3xl)}.py-3xl{padding-top:var(--space-3xl);padding-bottom: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{margin-left:var(--space-4xl)}.mx-4xl{margin-left:var(--space-4xl);margin-right:var(--space-4xl)}.my-4xl{margin-top:var(--space-4xl);margin-bottom: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{padding-left:var(--space-4xl)}.px-4xl{padding-left:var(--space-4xl);padding-right:var(--space-4xl)}.py-4xl{padding-top:var(--space-4xl);padding-bottom: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{margin-left:var(--space-5xl)}.mx-5xl{margin-left:var(--space-5xl);margin-right:var(--space-5xl)}.my-5xl{margin-top:var(--space-5xl);margin-bottom: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{padding-left:var(--space-5xl)}.px-5xl{padding-left:var(--space-5xl);padding-right:var(--space-5xl)}.py-5xl{padding-top:var(--space-5xl);padding-bottom:var(--space-5xl)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);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-top:var(--space-md);margin-left:0}}@media(min-width: 769px){.desktop-only{display:block}.mobile-only{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), 0.5);border-radius:var(--radius-md)}@media(prefers-reduced-motion: reduce){.reduced-motion{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}.gpu-layer{will-change:transform;transform:translateZ(0)}.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{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-md);height:var(--icon-md);flex-shrink:0;vertical-align:middle}.icon svg{width:100%;height:100%;fill:currentColor;stroke:currentColor;stroke-width:0;transition:var(--transition-fast)}.icon::before{font-size:inherit;line-height:1}.icon--xs{width:var(--icon-xs);height:var(--icon-xs)}.icon--sm{width:var(--icon-sm);height:var(--icon-sm)}.icon--lg{width:var(--icon-lg);height:var(--icon-lg)}.icon--xl{width:var(--icon-xl);height:var(--icon-xl)}.icon--2xl{width:var(--icon-2xl);height:var(--icon-2xl)}.icon--3xl{width:var(--icon-3xl);height: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{cursor:pointer;transition:var(--transition-smooth);border-radius:var(--radius-sm);padding:var(--space-xxs)}.icon--interactive:hover{background:rgba(var(--color-primary-rgb), 0.1);color:var(--color-primary);transform:scale(1.1)}.icon--interactive:active{transform:scale(0.95)}.icon--spin{animation:icon-spin 2s linear infinite}.icon--pulse{animation:icon-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.icon--bounce{animation:icon-bounce 1s infinite}@keyframes icon-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes icon-pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes icon-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-25%)}}.icon-text{display:inline-flex;align-items:center;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;text-align:center;gap:var(--space-sm)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:rgba(0,0,0,0);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);color:var(--color-text-secondary)}.btn-icon:hover{background:var(--color-gray-100);color:var(--color-primary);transform:scale(1.05)}.btn-icon:active{transform:scale(0.95)}.btn-icon:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-icon--sm{width:32px;height:32px}.btn-icon--sm .icon{width:var(--icon-sm);height:var(--icon-sm)}.btn-icon--lg{width:56px;height:56px}.btn-icon--lg .icon{width:var(--icon-lg);height: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:rgba(0,0,0,0);border:1px solid var(--border-color)}.btn-icon--ghost:hover{background:var(--color-gray-50);border-color:var(--color-primary)}.btn-icon--glass{background:var(--glass-bg-light);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);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{position:relative;display:inline-flex}.icon-badge .badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:var(--color-danger);color:var(--color-white);font-size:10px;font-weight:var(--font-weight-bold);line-height:1;display:flex;align-items:center;justify-content:center;border-radius:9px;border:2px solid var(--color-white)}.icon-badge .badge--dot{width:12px;height:12px;min-width:auto;padding:0;border-radius:50%;top:-2px;right:-2px}.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), 0.7)}70%{box-shadow:0 0 0 10px rgba(var(--color-danger-rgb), 0)}100%{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:rgba(0,0,0,0);background-clip:text;animation:dna-rotate 3s linear infinite}.icon-dna--heart{color:var(--color-secondary);animation:heart-beat 1.5s ease-in-out infinite}.icon-dna--match{background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;animation:match-glow 2s ease-in-out infinite}.icon-dna--compatibility{position:relative}.icon-dna--compatibility::after{content:"";position:absolute;inset:-2px;background:var(--gradient-primary);border-radius:50%;z-index:-1;animation:compatibility-ring 3s linear infinite}@keyframes dna-rotate{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}@keyframes heart-beat{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes match-glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes compatibility-ring{0%{transform:rotate(0deg) scale(1);opacity:1}100%{transform:rotate(360deg) scale(1.2);opacity:0}}.icon-loading--spinner{animation:spinner-rotate 1s linear infinite}.icon-loading--dots{display:inline-flex;gap:2px}.icon-loading--dots::before,.icon-loading--dots::after{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;animation:dots-bounce 1.4s ease-in-out infinite}.icon-loading--dots::before{animation-delay:-0.32s}.icon-loading--dots::after{animation-delay:-0.16s}.icon-loading--dots span{width:4px;height:4px;border-radius:50%;background:currentColor;animation:dots-bounce 1.4s ease-in-out infinite}.icon-loading--pulse-ring{position:relative}.icon-loading--pulse-ring::before{content:"";position:absolute;inset:-8px;border:2px solid currentColor;border-radius:50%;opacity:0;animation:pulse-ring 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite}@keyframes spinner-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes dots-bounce{0%,80%,100%{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes pulse-ring{0%{transform:scale(0.33);opacity:1}80%,100%{transform:scale(1);opacity:0}}.icon-container{display:inline-flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--radius-md);transition:var(--transition-smooth)}.icon-container--sm{width:32px;height:32px;border-radius:var(--radius-sm)}.icon-container--md{width:48px;height:48px}.icon-container--lg{width:64px;height:64px;border-radius:var(--radius-lg)}.icon-container--xl{width:80px;height:80px;border-radius:var(--radius-xl)}.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{background:var(--glass-bg-light);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);color:var(--color-white)}.icon-container--outline{background:rgba(0,0,0,0);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{transform:scale(1.05);box-shadow:var(--shadow-md)}.icon-container--interactive:active{transform:scale(0.95)}@media(max-width: 767px){.icon--sm{width:calc(var(--icon-sm) + 2px);height:calc(var(--icon-sm) + 2px)}.icon--md{width:calc(var(--icon-md) + 2px);height:calc(var(--icon-md) + 2px)}.btn-icon{min-width:44px;min-height:44px}.icon-text--vertical{gap:var(--space-xs)}}@media(prefers-contrast: high){.icon--interactive{border:1px solid rgba(0,0,0,0)}.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--spin,.icon--pulse,.icon--bounce{animation:none}.icon-dna--helix,.icon-dna--heart,.icon-dna--match,.icon-dna--compatibility{animation:none}.icon-loading--spinner,.icon-loading--dots,.icon-loading--pulse-ring{animation:none}.icon-loading--dots::before,.icon-loading--dots::after,.icon-loading--dots span{animation:none}}.dna-background{position:relative;overflow:hidden}.dna-background::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%, rgba(15, 117, 189, 0.1) 0%, transparent 50%),radial-gradient(circle at 75% 75%, rgba(247, 44, 147, 0.1) 0%, transparent 50%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%23f72c93' stroke-width='1' stroke-opacity='0.05'%3E%3Cpath d='M15,15 Q30,30 45,15 Q30,45 15,45 Q30,30 45,45'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:300px 300px,400px 400px,60px 60px;background-position:0 0,100px 100px,0 0;animation:dna-background-flow 30s linear infinite;opacity:.6;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{opacity:.3;background-size:200px 200px,300px 300px,40px 40px}.dna-background--intense::before{opacity:.8;background-size:400px 400px,500px 500px,80px 80px}@keyframes dna-background-flow{0%{transform:translate(0, 0) rotate(0deg)}33%{transform:translate(-30px, -30px) rotate(120deg)}66%{transform:translate(30px, -30px) rotate(240deg)}100%{transform:translate(0, 0) rotate(360deg)}}@keyframes dna-background-pulse{0%,100%{opacity:.6}50%{opacity:.3}}.particle-container{position:relative;overflow:hidden}.particle-container .particle{position:absolute;border-radius:50%;opacity:0;pointer-events:none;animation:particle-float 8s linear infinite}.particle-container .particle--xs{width:2px;height:2px}.particle-container .particle--sm{width:4px;height:4px}.particle-container .particle--md{width:6px;height:6px}.particle-container .particle--lg{width:8px;height:8px}.particle-container .particle--primary{background:var(--color-primary);box-shadow:0 0 10px rgba(var(--color-primary-rgb), 0.5)}.particle-container .particle--secondary{background:var(--color-secondary);box-shadow:0 0 10px rgba(var(--color-secondary-rgb), 0.5)}.particle-container .particle--white{background:hsla(0,0%,100%,.8);box-shadow:0 0 10px hsla(0,0%,100%,.3)}.particle-container .particle:nth-child(1){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%{transform:translateY(100vh) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100px) translateX(var(--particle-drift, 0));opacity:0}}.dna-strand{position:relative;height:200px;width:4px;margin:0 auto}.dna-strand .strand-segment{position:absolute;width:100%;height:20px;background:linear-gradient(to bottom, var(--color-primary), var(--color-secondary));border-radius:2px;animation:strand-twist 3s ease-in-out infinite}.dna-strand .strand-segment:nth-child(1){top:0;animation-delay:0s}.dna-strand .strand-segment:nth-child(2){top:20px;animation-delay:.2s}.dna-strand .strand-segment:nth-child(3){top:40px;animation-delay:.4s}.dna-strand .strand-segment:nth-child(4){top:60px;animation-delay:.6s}.dna-strand .strand-segment:nth-child(5){top:80px;animation-delay:.8s}.dna-strand .strand-segment:nth-child(6){top:100px;animation-delay:1s}.dna-strand .strand-segment:nth-child(7){top:120px;animation-delay:1.2s}.dna-strand .strand-segment:nth-child(8){top:140px;animation-delay:1.4s}.dna-strand .strand-segment:nth-child(9){top:160px;animation-delay:1.6s}.dna-strand .strand-segment:nth-child(10){top:180px;animation-delay:1.8s}.dna-strand .base-pair{position:absolute;width:30px;height:2px;background:var(--color-accent);left:50%;transform:translateX(-50%);border-radius:1px;animation:base-pair-pulse 2s ease-in-out infinite}.dna-strand .base-pair:nth-child(odd){animation-delay:0s}.dna-strand .base-pair:nth-child(even){animation-delay:1s}@keyframes strand-twist{0%,100%{transform:rotateY(0deg) scaleX(1);background:linear-gradient(to bottom, var(--color-primary), var(--color-secondary))}50%{transform:rotateY(180deg) scaleX(0.8);background:linear-gradient(to bottom, var(--color-secondary), var(--color-primary))}}@keyframes base-pair-pulse{0%,100%{opacity:.6;transform:translateX(-50%) scaleX(1)}50%{opacity:1;transform:translateX(-50%) scaleX(1.2)}}.genetic-constellation{position:relative;min-height:400px}.genetic-constellation .constellation-point{position:absolute;width:6px;height:6px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 10px rgba(var(--color-primary-rgb), 0.8);animation:constellation-twinkle 3s ease-in-out infinite}.genetic-constellation .constellation-point:nth-child(1){top:20%;left:15%;animation-delay:0s}.genetic-constellation .constellation-point:nth-child(2){top:30%;left:85%;animation-delay:.5s}.genetic-constellation .constellation-point:nth-child(3){top:60%;left:25%;animation-delay:1s}.genetic-constellation .constellation-point:nth-child(4){top:80%;left:70%;animation-delay:1.5s}.genetic-constellation .constellation-point:nth-child(5){top:15%;left:60%;animation-delay:2s}.genetic-constellation .constellation-point:nth-child(6){top:45%;left:10%;animation-delay:2.5s}.genetic-constellation .constellation-point:nth-child(7){top:70%;left:90%;animation-delay:3s}.genetic-constellation .constellation-point:nth-child(8){top:35%;left:45%;animation-delay:3.5s}.genetic-constellation .constellation-point::before{content:"";position:absolute;top:50%;left:50%;width:var(--connection-length, 50px);height:1px;background:linear-gradient(90deg, rgba(var(--color-primary-rgb), 0.3) 0%, transparent 100%);transform:translate(-50%, -50%) rotate(var(--connection-angle, 45deg));animation:connection-pulse 4s ease-in-out infinite;animation-delay:inherit}@keyframes constellation-twinkle{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes connection-pulse{0%,100%{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{position:relative;width:200px;height:200px;margin:0 auto}.compatibility-visual .compatibility-ring{position:absolute;inset:0;border:3px solid rgba(0,0,0,0);border-radius:50%;animation:compatibility-spin 4s linear infinite}.compatibility-visual .compatibility-ring--outer{border-color:var(--color-primary) rgba(0,0,0,0) var(--color-primary) rgba(0,0,0,0);animation-duration:6s}.compatibility-visual .compatibility-ring--middle{inset:20px;border-color:rgba(0,0,0,0) var(--color-secondary) rgba(0,0,0,0) var(--color-secondary);animation-duration:4s;animation-direction:reverse}.compatibility-visual .compatibility-ring--inner{inset:40px;border-color:var(--color-accent) rgba(0,0,0,0) var(--color-accent) rgba(0,0,0,0);animation-duration:3s}.compatibility-visual .compatibility-center{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-white);box-shadow:var(--shadow-lg);animation:compatibility-pulse 2s ease-in-out infinite}.compatibility-visual .genetic-marker{position:absolute;width:8px;height:8px;background:var(--color-success);border-radius:50%;box-shadow:0 0 8px rgba(var(--color-success-rgb), 0.6);animation:marker-orbit 8s linear infinite}.compatibility-visual .genetic-marker:nth-child(1){top:10px;left:50%;animation-delay:0s}.compatibility-visual .genetic-marker:nth-child(2){top:50%;right:10px;animation-delay:2s}.compatibility-visual .genetic-marker:nth-child(3){bottom:10px;left:50%;animation-delay:4s}.compatibility-visual .genetic-marker:nth-child(4){top:50%;left:10px;animation-delay:6s}@keyframes compatibility-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes compatibility-pulse{50%{transform:translate(-50%, -50%) scale(1.05);box-shadow:var(--shadow-xl)}}@keyframes marker-orbit{from{transform:rotate(0deg) translateX(90px) rotate(0deg)}to{transform:rotate(360deg) translateX(90px) rotate(-360deg)}}.hero-dna-effects{position:relative;min-height:100vh;overflow:hidden}.hero-dna-effects::before{content:"";position:absolute;inset:-20%;background-image:radial-gradient(circle at 20% 20%, rgba(15, 117, 189, 0.15) 0%, transparent 50%),radial-gradient(circle at 80% 80%, rgba(247, 44, 147, 0.15) 0%, transparent 50%),radial-gradient(circle at 60% 40%, rgba(124, 77, 255, 0.1) 0%, transparent 50%);animation:hero-dna-flow 20s ease-in-out infinite;z-index:-1}.hero-dna-effects .genetic-element{position:absolute;opacity:.1;animation:genetic-float 15s ease-in-out infinite}.hero-dna-effects .genetic-element--helix{width:100px;height:200px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20,20 Q50,100 80,180' fill='none' stroke='%230F75BD' stroke-width='3'/%3E%3Cpath d='M80,20 Q50,100 20,180' fill='none' stroke='%23F72C93' stroke-width='3'/%3E%3C/svg%3E") no-repeat;background-size:contain;top:20%;left:10%;animation-delay:0s}.hero-dna-effects .genetic-element--molecule{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;top:60%;right:15%;animation-delay:5s}.hero-dna-effects .genetic-element--strand{width:150px;height:4px;background:var(--gradient-secondary);border-radius:2px;top:40%;left:70%;animation-delay:10s;transform-origin:left center}@keyframes hero-dna-flow{0%,100%{transform:translate(0, 0) rotate(0deg)}33%{transform:translate(-2%, -2%) rotate(5deg)}66%{transform:translate(2%, -1%) rotate(-3deg)}}@keyframes genetic-float{0%,100%{transform:translateY(0) rotate(0deg);opacity:.1}50%{transform:translateY(-20px) rotate(180deg);opacity:.3}}.chemistry-reaction{position:relative;padding:var(--space-xl)}.chemistry-reaction .chemical-bond{position:absolute;width:2px;height:60px;background:var(--gradient-primary);animation:bond-vibration 1.5s ease-in-out infinite;transform-origin:center}.chemistry-reaction .chemical-bond:nth-child(1){top:20%;left:30%;animation-delay:0s}.chemistry-reaction .chemical-bond:nth-child(2){top:40%;right:25%;animation-delay:.3s}.chemistry-reaction .chemical-bond:nth-child(3){bottom:30%;left:60%;animation-delay:.6s}.chemistry-reaction .chemical-bond::before,.chemistry-reaction .chemical-bond::after{content:"";position:absolute;width:12px;height:12px;background:var(--color-secondary);border-radius:50%;box-shadow:0 0 10px rgba(var(--color-secondary-rgb), 0.5)}.chemistry-reaction .chemical-bond::before{top:-6px;left:-5px}.chemistry-reaction .chemical-bond::after{bottom:-6px;left:-5px}.chemistry-reaction .love-spark{position:absolute;width:4px;height:4px;background:var(--color-secondary);border-radius:50%;animation:spark-twinkle 2s ease-in-out infinite}.chemistry-reaction .love-spark:nth-child(even){animation-delay:1s}@keyframes bond-vibration{0%,100%{transform:rotate(-2deg) scaleY(1)}50%{transform:rotate(2deg) scaleY(1.1)}}@keyframes spark-twinkle{0%,100%{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{width:150px;height:150px}.compatibility-visual .compatibility-center{width:60px;height:60px;font-size:var(--font-size-xl)}.hero-dna-effects .genetic-element--helix{width:60px;height:120px}.hero-dna-effects .genetic-element--molecule{width:50px;height:50px}.hero-dna-effects .genetic-element--strand{width:100px;height:3px}}@media(prefers-reduced-motion: reduce){.dna-background,.particle-container .particle,.dna-strand .strand-segment,.genetic-constellation .constellation-point,.compatibility-visual .compatibility-ring,.hero-dna-effects::before,.chemistry-reaction .chemical-bond,.chemistry-reaction .love-spark{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 .genetic-constellation .constellation-point::before,.performance-mode .chemistry-reaction .chemical-bond,.performance-mode .chemistry-reaction .love-spark{display:none}.dna-background::before,.particle-container .particle,.compatibility-visual .compatibility-ring,.hero-dna-effects::before{will-change:transform;transform:translateZ(0)}.btn-dna{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--button-padding-y) var(--button-padding-x);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--button-font-weight);line-height:var(--line-height-tight);text-decoration:none;border:var(--border-thin) solid rgba(0,0,0,0);border-radius:var(--button-border-radius);cursor:pointer;transition:var(--button-transition);position:relative;overflow:hidden}.btn-dna::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.2);border-radius:50%;transform:translate(-50%, -50%);transition:width .6s,height .6s}.btn-dna:hover::before{width:300px;height:300px}.btn-dna--primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-primary)}.btn-dna--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(15,117,189,.4)}.btn-dna--secondary{background:var(--gradient-secondary);color:var(--color-white);box-shadow:var(--shadow-secondary)}.btn-dna--secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(247,44,147,.4)}.btn-dna--ghost{background:rgba(0,0,0,0);color:var(--color-primary);border-color:var(--color-primary)}.btn-dna--ghost:hover{background:var(--color-primary);color:var(--color-white)}.btn-dna--glass{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);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{padding:var(--space-xxs) var(--space-md);font-size:var(--font-size-sm)}.btn-dna--lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg)}.btn-dna:disabled{opacity:.5;cursor:not-allowed;transform:none !important}.btn-dna--loading{color:rgba(0,0,0,0)}.btn-dna--loading::after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid var(--color-white);border-radius:50%;border-top-color:rgba(0,0,0,0);animation:btn-loading-spinner .8s linear infinite}@keyframes btn-loading-spinner{to{transform:rotate(360deg)}}.card-dna,.match-card{background:var(--color-surface);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);position:relative;overflow:hidden;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.card-dna:hover,.match-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-dna--glass{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.card-dna--gradient-border{background:var(--color-surface);background-clip:padding-box;border:2px solid rgba(0,0,0,0)}.card-dna--gradient-border::before{content:"";position:absolute;inset:0;border-radius:var(--card-radius);padding:2px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.card-dna--premium{background:var(--gradient-premium);color:var(--color-white)}.card-dna--premium::after{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:shimmer 3s infinite}.card-dna__header{margin-bottom:var(--space-md)}.card-dna__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.card-dna__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.card-dna__body{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.card-dna__footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:var(--border-thin) solid var(--border-color)}@keyframes shimmer{0%{transform:translateX(-100%) rotate(45deg)}100%{transform:translateX(100%) rotate(45deg)}}.match-card{position:relative;overflow:visible;border-left:4px solid var(--brand-primary)}.match-card__compatibility{position:absolute;top:var(--space-md);right:var(--space-md);width:60px;height:60px;border-radius:50%;background:var(--gradient-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-lg)}.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{width:100%;height:200px;border-radius:var(--radius-lg);-o-object-fit:cover;object-fit:cover;margin-bottom:var(--space-md)}.match-card__info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.match-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.match-card__age{color:var(--color-text-secondary)}.match-card__badges{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-top:var(--space-sm)}.match-card__badge{display:inline-flex;align-items:center;gap:var(--space-xxs);padding:var(--space-xxs) var(--space-sm);background:var(--color-gray-100);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs)}.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{position:relative;margin-bottom:var(--space-lg)}.input-dna__field{width:100%;padding:var(--input-padding-y) var(--input-padding-x);padding-top:calc(var(--input-padding-y) + 12px);font-family:var(--font-primary);font-size:var(--font-size-base);border:var(--border-thin) solid var(--input-border-color);border-radius:var(--input-border-radius);background:var(--color-surface);transition:var(--transition-fast)}.input-dna__field:focus{outline:none;border-color:var(--input-focus-color);box-shadow:var(--input-focus-shadow)}.input-dna__field:not(:-moz-placeholder)+.input-dna__label{top:8px;font-size:var(--font-size-xs);color:var(--input-focus-color)}.input-dna__field:focus+.input-dna__label,.input-dna__field:not(:placeholder-shown)+.input-dna__label{top:8px;font-size:var(--font-size-xs);color:var(--input-focus-color)}.input-dna__label{position:absolute;left:var(--input-padding-x);top:50%;transform:translateY(-50%);font-size:var(--font-size-base);color:var(--color-text-secondary);transition:var(--transition-fast);pointer-events:none;background:var(--color-surface);padding:0 var(--space-xxs)}.input-dna__helper{margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.input-dna__error{color:var(--color-danger)}.input-dna--glass .input-dna__field{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.feature-card{text-align:center;padding:var(--space-xl);transition:var(--transition-default)}.feature-card__icon{width:80px;height:80px;margin:0 auto var(--space-lg);background:var(--gradient-primary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-white);box-shadow:var(--shadow-lg);transition:var(--transition-default)}.feature-card:hover .feature-card__icon{transform:scale(1.1) rotate(5deg)}.feature-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm);color:var(--color-text-primary)}.feature-card__description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.stat-card{text-align:center}.stat-card__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;line-height:1;margin-bottom:var(--space-xs)}.stat-card__label{font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.stat-card__trend{display:inline-flex;align-items:center;gap:var(--space-xxs);margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-success)}.stat-card__trend--up{color:var(--color-success)}.stat-card__trend--down{color:var(--color-danger)}.hero-dna{position:relative;min-height:600px;display:flex;align-items:center;padding:var(--space-section) 0;overflow:hidden}.hero-dna::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50,30 Q60,50 50,70 Q40,50 50,30' fill='none' stroke='%23f72c93' stroke-width='0.5' opacity='0.1'/%3E%3C/svg%3E");background-size:100px 100px;animation:dna-float 20s linear infinite;opacity:.1}.hero-dna__content{position:relative;z-index:1}.hero-dna__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);margin-bottom:var(--space-lg);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.hero-dna__subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-xl);max-width:600px}.hero-dna__cta{display:flex;gap:var(--space-md);flex-wrap:wrap}.hero-dna__image{position:absolute;right:0;top:50%;transform:translateY(-50%);width:50%;height:auto;opacity:.1}@media(min-width: 768px){.hero-dna__image{opacity:1}}@keyframes dna-float{0%{transform:translate(0, 0) rotate(0deg)}100%{transform:translate(-100px, -100px) rotate(360deg)}}.nav-dna{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:var(--nav-background);backdrop-filter:var(--nav-backdrop-filter);-webkit-backdrop-filter:var(--nav-backdrop-filter);box-shadow:var(--shadow-sm);z-index:var(--z-sticky);transition:var(--transition-default)}.nav-dna--scrolled{background:hsla(0,0%,100%,.98);box-shadow:var(--shadow-md)}.nav-dna__container{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);max-width:var(--container-xl);margin:0 auto}.nav-dna__logo{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-decoration:none}.nav-dna__logo img{height:40px;width:auto}.nav-dna__menu{display:flex;align-items:center;gap:var(--space-xl);list-style:none;margin:0;padding:0}.nav-dna__link{color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-fast);position:relative}.nav-dna__link::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--duration-fast) var(--ease-out)}.nav-dna__link:hover::after,.nav-dna__link--active::after{width:100%}.nav-dna__actions{display:flex;align-items:center;gap:var(--space-md)}.modal-dna{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);opacity:0;visibility:hidden;transition:var(--transition-default)}.modal-dna--open{opacity:1;visibility:visible}.modal-dna__backdrop{position:absolute;inset:0;background:var(--modal-backdrop);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-dna__content{position:relative;background:var(--color-surface);border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);max-width:500px;width:100%;max-height:90vh;overflow:auto;transform:scale(0.9);transition:transform var(--duration-normal) var(--ease-bounce)}.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{padding:0 var(--space-xl) var(--space-xl);display:flex;gap:var(--space-md);justify-content:flex-end}.modal-dna__close{position:absolute;top:var(--space-md);right:var(--space-md);width:40px;height:40px;border-radius:50%;border:none;background:var(--color-gray-100);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.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;width:60%;margin-bottom:var(--space-md)}.skeleton--avatar{width:60px;height:60px;border-radius:50%}.skeleton--card{height:300px}@keyframes skeleton-loading{}.glass-effect{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.card-glass,.panel-glass{background:hsla(0,0%,100%,.05);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-xl);box-shadow:0 4px 20px 0 rgba(0,0,0,.1);transition:all var(--duration-normal) var(--ease-out)}.card-glass:hover,.panel-glass:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15);box-shadow:0 8px 30px 0 rgba(0,0,0,.15);transform:translateY(-2px)}.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{padding:var(--space-xl);margin-bottom:var(--space-lg)}.form-floating-dna{position:relative;margin-bottom:var(--space-lg)}.form-floating-dna .form-control{height:calc(3.5rem + 2px);padding:1rem var(--space-md);font-size:var(--font-size-base);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:hsla(0,0%,100%,.9);transition:all var(--duration-fast) var(--ease-out)}.form-floating-dna .form-control::-moz-placeholder{color:rgba(0,0,0,0)}.form-floating-dna .form-control::placeholder{color:rgba(0,0,0,0)}.form-floating-dna .form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(15,117,189,.1);background:var(--color-white)}.form-floating-dna .form-control:not(:-moz-placeholder)~label{opacity:1;transform:translateY(-1.5rem) scale(0.85);color:var(--color-primary)}.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:var(--color-primary)}.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{position:absolute;top:1rem;left:var(--space-md);font-size:var(--font-size-base);color:var(--color-text-secondary);pointer-events:none;transform-origin:0 0;transition:all var(--duration-fast) var(--ease-out);background:linear-gradient(to bottom, transparent 0%, transparent 40%, white 40%, white 100%);padding:0 var(--space-xs)}.form-floating-dna.form-floating-glass .form-control{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);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{color:hsla(0,0%,100%,.8);background:rgba(0,0,0,0)}.skeleton-loader{position:relative;overflow:hidden;background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;border-radius:4px;height:20px}.skeleton-loader::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));animation:shimmer 2s infinite}.skeleton-loader--text{height:1rem;border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.skeleton-loader--text:last-child{width:60%}.skeleton-loader--title{height:2rem;width:50%;border-radius:var(--radius-md);margin-bottom:var(--space-md)}.skeleton-loader--avatar{width:80px;height:80px;border-radius:50%}.skeleton-loader--button{height:48px;width:120px;border-radius:var(--radius-md)}.skeleton-loader--card{height:320px;border-radius:var(--radius-xl)}.skeleton-loader--image{width:100%;height:200px;border-radius:var(--radius-lg)}@keyframes shimmer{}.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:var(--space-xl)}.hero-modern__title{font-size:clamp(2.5rem,8vw,5rem);font-weight:var(--font-weight-black);color:var(--color-white);margin-bottom:var(--space-lg);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:rgba(0,0,0,0);background-clip:text}.hero-modern__subtitle{font-size:clamp(1.2rem,3vw,1.5rem);color:hsla(0,0%,100%,.9);margin-bottom:var(--space-2xl);animation:fadeInUp 1s ease-out .2s both;line-height:1.6}.hero-modern__cta{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .4s both}.hero-modern__scroll{position:absolute;bottom:var(--space-xl);left:50%;transform:translateX(-50%);color:var(--color-white);font-size:1.5rem;cursor:pointer;opacity:.6;transition:all var(--duration-fast)}.hero-modern__scroll:hover{opacity:1;transform:translateX(-50%) translateY(-4px)}.hero-modern__shape{position:absolute;opacity:.03;pointer-events:none}.hero-modern__shape--1{top:10%;left:10%;width:100px;height:100px;background:var(--color-secondary);border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.hero-modern__shape--2{top:60%;right:10%;width:150px;height:150px;background:var(--color-primary);border-radius:63% 37% 54% 46%/55% 48% 52% 45%}.hero-modern__shape--3{bottom:10%;left:30%;width:80px;height:80px;background:var(--color-accent);border-radius:41% 59% 41% 59%/41% 59% 41% 59%}@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(10px)}to{opacity:1;transform:translateY(0)}}.btn-hover-fill{position:relative;overflow:hidden;transition:all var(--duration-normal) var(--ease-out);z-index:1}.btn-hover-fill::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:hsla(0,0%,100%,.2);transition:all var(--duration-normal) var(--ease-out);z-index:-1}.btn-hover-fill:hover::before{width:100%}.btn-hover-fill:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.btn-hover-slide{position:relative;overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.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:var(--gradient-primary);transition:left var(--duration-normal) var(--ease-out);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), 0.5);transform:translateY(-2px)}.btn-hover-pulse{position:relative}.btn-hover-pulse::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:inherit;background:var(--color-primary);opacity:0;transform:translate(-50%, -50%);transition:all var(--duration-slow) var(--ease-out)}.btn-hover-pulse:hover::before{animation:pulse-grow 1s ease-out infinite}@keyframes pulse-grow{0%{opacity:.5;transform:translate(-50%, -50%) scale(0.9)}50%{opacity:0;transform:translate(-50%, -50%) scale(1.5)}100%{opacity:0;transform:translate(-50%, -50%) scale(1.5)}}.micro-interaction{transition:all var(--duration-fast) var(--ease-out);cursor:pointer}.micro-interaction:active{transform:scale(0.95)}.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 .helix .strand{position:absolute;width:100%;height:100%;border-radius:50%}.dna-helix-loader .helix .strand:nth-child(1){border:3px solid rgba(0,0,0,0);border-left-color:var(--color-primary);border-right-color:var(--color-primary);animation:strand1 1.5s ease-in-out infinite}.dna-helix-loader .helix .strand:nth-child(2){border:3px solid rgba(0,0,0,0);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)}}.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{font-family:var(--font-secondary);font-size:var(--text-display);font-weight:var(--font-weight-black);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-display);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-hero{font-family:var(--font-secondary);font-size:var(--text-hero);font-weight:var(--font-weight-bold);line-height:var(--line-height-hero);letter-spacing:var(--letter-spacing-hero);color:var(--color-text-primary);text-rendering:optimizeLegibility}.text-hero--gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.text-lead{font-size:var(--text-lead);font-weight:var(--font-weight-medium);line-height:var(--line-height-body);color:var(--color-text-secondary);max-width:65ch}.text-overline{font-size:var(--text-overline);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-overline);text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-sm)}.text-shimmer{background:linear-gradient(90deg, var(--color-text-primary) 0%, var(--color-primary) 50%, var(--color-text-primary) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;animation:shimmer-text 3s ease-in-out infinite}@keyframes shimmer-text{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.animate-bounce{animation:bounce 2s var(--ease-bounce-out) infinite}.animate-stagger>*{opacity:0;transform:translateY(20px);animation:slideUp var(--duration-medium) var(--ease-bounce-out) forwards}.animate-stagger>*:nth-child(1){animation-delay:0ms}.animate-stagger>*:nth-child(2){animation-delay:100ms}.animate-stagger>*:nth-child(3){animation-delay:200ms}.animate-stagger>*:nth-child(4){animation-delay:300ms}.animate-stagger>*:nth-child(5){animation-delay:400ms}.animate-stagger>*:nth-child(6){animation-delay:500ms}@keyframes fadeIn{}@keyframes slideUp{}@keyframes scaleIn{}@keyframes float{}@keyframes pulse{}@keyframes bounce{0%,20%,53%,80%,100%{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}.btn-premium{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-smooth);overflow:hidden;min-height:44px;min-width:44px}.btn-premium::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%, -50%);transition:width var(--duration-slow),height var(--duration-slow);pointer-events:none}.btn-premium:hover{transform:translateY(-2px)}.btn-premium:active{transform:translateY(0);transition-duration:var(--duration-micro)}.btn-premium:active::before{width:300px;height:300px}.btn-premium--primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-primary-soft)}.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);color:var(--color-white);box-shadow:var(--shadow-secondary-soft)}.btn-premium--secondary:hover{box-shadow:var(--shadow-secondary-medium)}.btn-premium--glass{background:var(--glass-bg-light);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);color:var(--color-white);box-shadow:var(--shadow-glass)}.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);color:var(--color-primary);border:2px solid rgba(0,0,0,0);background-clip:padding-box}.btn-premium--gradient-border::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--gradient-primary);-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;pointer-events:none}.btn-premium--gradient-border:hover{color:var(--color-white)}.btn-premium--gradient-border:hover::after{background:var(--gradient-primary)}.btn-premium--sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);min-height:36px}.btn-premium--lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg);min-height:56px}.btn-premium--xl{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-xl);min-height:64px}.btn-premium--loading{color:rgba(0,0,0,0);pointer-events:none}.btn-premium--loading::after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid var(--color-white);border-radius:50%;border-top-color:rgba(0,0,0,0);animation:spinner .8s linear infinite}.btn-premium:disabled,.btn-premium--disabled{opacity:.5;cursor:not-allowed;transform:none !important;box-shadow:none !important}.btn-premium:disabled::before,.btn-premium--disabled::before{display:none}@keyframes spinner{to{transform:rotate(360deg)}}.form-group-premium{position:relative;margin-bottom:var(--space-lg)}.form-group-premium .form-control{width:100%;height:56px;padding:0 var(--space-md);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-white);border:2px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-smooth)}.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{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb), 0.1);background:var(--color-white)}.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), 0.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), 0.1)}.form-group-premium--floating .form-control{padding-top:24px}.form-group-premium--floating .form-control::-moz-placeholder{color:rgba(0,0,0,0)}.form-group-premium--floating .form-control::placeholder{color:rgba(0,0,0,0)}.form-group-premium--floating .form-control:not(:-moz-placeholder)+label{transform:translateY(-24px) scale(0.85);color:var(--color-primary)}.form-group-premium--floating .form-control:focus+label,.form-group-premium--floating .form-control:not(:placeholder-shown)+label{transform:translateY(-24px) scale(0.85);color:var(--color-primary)}.form-group-premium--floating label{position:absolute;top:50%;left:var(--space-md);transform:translateY(-50%);font-size:var(--font-size-base);color:var(--color-text-secondary);transition:var(--transition-smooth);pointer-events:none;background:var(--color-white);padding:0 var(--space-xs);transform-origin:left center}.form-group-premium--glass .form-control{background:var(--glass-bg-light);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);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:rgba(0,0,0,0);color:hsla(0,0%,100%,.8)}.form-group-premium .form-help{margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-group-premium .form-help.is-invalid{color:var(--color-danger)}.form-group-premium .form-help.is-valid{color:var(--color-success)}.card-premium{position:relative;background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-03);transition:var(--transition-smooth);overflow:hidden}.card-premium:hover{transform:translateY(-4px);box-shadow:var(--shadow-05)}.card-premium--glass{background:var(--glass-bg-light);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);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{border:2px solid rgba(0,0,0,0);background-clip:padding-box}.card-premium--gradient-border::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--gradient-primary);-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}.card-premium--shimmer{overflow:hidden}.card-premium--shimmer::after{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:shimmer 3s ease-in-out infinite}@keyframes shimmer{}.skeleton-premium{background:linear-gradient(90deg, var(--color-gray-200) 25%, var(--color-gray-100) 50%, var(--color-gray-200) 75%);background-size:400% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;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;width:60%;margin-bottom:var(--space-md)}.skeleton-premium--avatar{width:60px;height:60px;border-radius:50%}.skeleton-premium--button{height:44px;width:120px;border-radius:var(--radius-lg)}.skeleton-premium--card{height:300px;border-radius:var(--radius-xl)}@keyframes skeleton-shimmer{0%{background-position:200% 0}}.dna-loader{width:100px;height:100px;position:relative;margin:0 auto}.dna-loader .helix{width:100%;height:100%;position:relative}.dna-loader .helix .strand{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid rgba(0,0,0,0);animation:rotate 2s linear infinite}.dna-loader .helix .strand:nth-child(1){border-left-color:var(--color-primary);border-right-color:var(--color-primary);animation-delay:0s}.dna-loader .helix .strand:nth-child(2){border-top-color:var(--color-secondary);border-bottom-color:var(--color-secondary);animation-delay:-0.5s}.dna-loader .helix .strand:nth-child(3){border-left-color:var(--color-accent);border-right-color:var(--color-accent);animation-delay:-1s;opacity:.6;transform:scale(0.8)}@keyframes rotate{}.glass-light{background:var(--glass-bg-light);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border)}.glass-dark{background:var(--glass-bg-dark);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);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{outline:none;box-shadow:var(--shadow-focus)}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.text-gradient-secondary{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(prefers-reduced-motion: reduce){}@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}.mr-0,.me-0{margin-right:0}.mr-1,.me-1{margin-right:var(--space-xxs)}.mr-2,.me-2{margin-right:var(--space-xs)}.mr-3,.me-3{margin-right:var(--space-sm)}.mr-4,.me-4{margin-right:var(--space-md)}.mr-5,.me-5{margin-right:var(--space-lg)}.mr-6,.me-6{margin-right:var(--space-xl)}.mr-8,.me-8{margin-right:var(--space-2xl)}.mr-auto,.me-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)}.pr-0,.pe-0{padding-right:0}.pr-1,.pe-1{padding-right:var(--space-xxs)}.pr-2,.pe-2{padding-right:var(--space-xs)}.pr-3,.pe-3{padding-right:var(--space-sm)}.pr-4,.pe-4{padding-right:var(--space-md)}.pr-5,.pe-5{padding-right:var(--space-lg)}.pr-6,.pe-6{padding-right:var(--space-xl)}.pr-8,.pe-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:#374151 !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:#374151 !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:rgba(0,0,0,0) !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:rgba(0,0,0,0) !important}.rounded-none{border-radius:0 !important}.rounded-sm{border-radius:var(--radius-sm) !important}.rounded{border-radius:var(--radius-md) !important}.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{box-shadow:var(--shadow-md) !important}.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(-0.25rem)}.hover\:-translate-y-2:hover{transform:translateY(-0.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), 0.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(0.4, 0, 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-pulse{}@keyframes dna-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes dna-float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}@keyframes dna-glow{0%,100%{box-shadow:0 0 5px rgba(var(--color-primary-rgb), 0.5)}50%{box-shadow:0 0 20px rgba(var(--color-primary-rgb), 0.8)}}.compatibility-high{background:var(--gradient-success);color:var(--color-white);animation:compatibility-glow 2s ease-in-out infinite}.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%,100%{box-shadow:0 0 10px rgba(var(--color-success-rgb), 0.5)}50%{box-shadow:0 0 20px rgba(var(--color-success-rgb), 0.8)}}.love-chemistry{position:relative}.love-chemistry::before{content:"💕";position:absolute;top:-10px;right:-10px;font-size:1.2em;animation:love-beat 1.5s ease-in-out infinite;opacity:.8}@keyframes love-beat{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}.match-percentage{position:relative;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.match-percentage::before{content:"";position:absolute;inset:-2px;border-radius:50%;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%);z-index:-1;animation:percentage-rotate 2s ease-in-out}@keyframes percentage-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;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:rgba(0,0,0,0) !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{line-height:1.2;margin-bottom:var(--spacing-lg);font-size:var(--font-size-4xl)}h2,.h2{line-height:1.3;margin-bottom:var(--spacing-md);font-size:var(--font-size-3xl)}h3,.h3{line-height:1.4;margin-bottom:var(--spacing-md);font-size:var(--font-size-2xl)}body,.body-text{font-size:var(--font-size-base);line-height:1.6}.btn{transform:translateY(0);min-width:44px;font-size:1rem;font-family:var(--font-primary);border-radius:var(--radius-md);border:none;font-weight:500;min-height:44px;padding:.5rem 1.5rem;transition:all .2s ease}.btn-lg{font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg)}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn:active{transform:translateY(0);transition-duration:.1s}.form-control,.form-select{border-width:1px;border-radius:var(--input-border-radius);border-color:var(--input-border-color);padding:var(--input-padding-y) var(--input-padding-x);font-family:var(--font-primary);transition:var(--transition-fast)}.form-control:focus,.form-select:focus{transform:scale(1.01);border-color:var(--input-focus-color);box-shadow:var(--input-focus-shadow)}.card{border:none;border-radius:var(--card-radius);box-shadow:var(--card-shadow);transition:var(--transition-default);overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}@keyframes pulse-glow{0%,100%{opacity:1}50%{opacity:.7}}.loading-pulse{animation:pulse-glow 1.5s ease-in-out infinite}@keyframes success-bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.success-bounce{animation:success-bounce .6s ease-in-out}.text-muted,.form-text,.small{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{color:#495057;border-color:#495057}.btn-outline-secondary:hover{color:#fff;background-color:#495057;border-color:#495057}.positive-feedback{color:#198754;font-size:.875rem;margin-top:.25rem;display:flex;align-items:center}.positive-feedback::before{content:"✓";margin-right:.25rem;font-weight:bold}.enhanced-feedback{animation:fadeInUp .3s ease}@keyframes fadeInUp{}.password-strength-container{margin-top:.5rem}.password-strength-bar{height:4px;background-color:#e9ecef;border-radius:2px;overflow:hidden;margin-bottom:.25rem}.password-strength-fill{height:100%;transition:all .3s ease;border-radius:2px}.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{font-size:.75rem;color:#6c757d}@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{width:100%;margin-bottom:1rem}@media(min-width: 768px){.match-dashboard .match-card{width:calc(50% - 1rem);margin-right: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{width:100%;margin-bottom:.5rem}@media(min-width: 768px){.match-dashboard .match-card .match-actions button{width:auto;margin-bottom:0;margin-right:.5rem}.match-dashboard .match-card .match-actions button:last-child{margin-right:0}}.navbar{backdrop-filter:blur(10px);transition:all .3s ease;padding:1rem 0;box-shadow:0 2px 10px rgba(0,0,0,.1)}@media(min-width: 768px){.navbar{padding:1rem 2rem}}.navbar .nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:#fff;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px rgba(0,0,0,.05);z-index:1000}.navbar .nav-menu.active{left:0}@media(min-width: 768px){.navbar .nav-menu{position:static;flex-direction:row;width:auto;box-shadow:none}}.navbar .hamburger{display:block;cursor:pointer}@media(min-width: 768px){.navbar .hamburger{display:none}}.navbar .hamburger.active .bar:nth-child(2){opacity:0}.navbar .hamburger.active .bar:nth-child(1){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{max-width:600px;margin:0 auto}}.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{width:100%;margin-bottom:.5rem}}.btn.btn-icon{padding:.75rem}@media(min-width: 768px){.btn.btn-icon{padding:.5rem}}.modal .modal-dialog{margin:0;height:100%;max-width:100%}@media(min-width: 768px){.modal .modal-dialog{margin:1.75rem auto;height:auto;max-width:500px}}@media(min-width: 992px){.modal .modal-dialog{max-width:600px}}.modal .modal-content{height:100%;border-radius:0}@media(min-width: 768px){.modal .modal-content{height:auto;border-radius:.5rem}}.profile-image{width:100px;height:100px}@media(min-width: 768px){.profile-image{width:150px;height:150px}}@media(min-width: 992px){.profile-image{width:200px;height: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}}@media(prefers-reduced-motion: reduce){}.scrollable{-webkit-overflow-scrolling:touch;overflow-y:auto}body{overflow-x:hidden;height:100%;font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);display:flex;flex-direction:column;min-height:100vh;-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{font-family:var(--font-secondary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);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{min-height:100%;margin-bottom:-100px;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);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:none}.btn-primary{background:var(--gradient-primary);border:0;box-shadow:var(--shadow-primary-light);transition:transform var(--duration-micro) var(--ease-out),box-shadow var(--duration-quick) var(--ease-out),background-position var(--duration-quick) var(--ease-out);background-size:120% 120%;border-color:#0f75bd;background-color:#0056b3;color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary);background-color:#004494}.btn-secondary{background:var(--gradient-secondary);background-color:#6c757d;color:#fff !important;border-color:#6c757d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-secondary)}.card .card-header{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:var(--color-white);border:none;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%,.95)}.card.card-glass{background:rgba(0,0,0,0);backdrop-filter:none;border:none;box-shadow:none}.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), 0.1)}.offcanvas .nav-pills .nav-link.active{background:var(--gradient-primary)}.form-floating{position:relative}.form-floating>label{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);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-radius:var(--radius-md);border:2px solid var(--color-border);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), 0.15)}.form-floating>.form-control.is-valid{border-color:var(--color-success);background-image:none}.form-floating>.form-control.is-invalid{border-color:var(--color-danger);background-image:none}.toast-container .toast{border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);backdrop-filter:blur(10px)}.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{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes toastSlideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.dropdown-menu{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.5rem 0;background-color:#fff;border:1px solid rgba(0,0,0,.15);z-index:1000}.dropdown-menu .dropdown-item{padding:.75rem 1rem;transition:var(--transition-fast)}.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus{background-color:rgba(var(--color-primary-rgb), 0.1);color:var(--color-primary)}.dropdown-menu .dropdown-item.active{background:var(--gradient-primary);color:var(--color-white)}.dropdown-menu .dropdown-item i{width:1.25rem;text-align:center}.dropdown-menu .dropdown-header{font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.dropdown-menu .dropdown-divider{margin:.5rem 0;opacity:.2}.progress{border-radius:var(--radius-full);background-color:rgba(var(--color-primary-rgb), 0.1)}.progress .progress-bar{border-radius:var(--radius-full);transition:width .6s ease}.progress .progress-bar.progress-bar-animated{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:1rem 1rem}.was-validated .form-control:valid,.form-control.is-valid{border-color:var(--color-success)}.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:var(--color-success);box-shadow:0 0 0 .25rem rgba(var(--color-success-rgb), 0.15)}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:var(--color-danger)}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:var(--color-danger);box-shadow:0 0 0 .25rem rgba(var(--color-danger-rgb), 0.15)}.btn.btn-hover-glow:hover{box-shadow:0 0 20px rgba(var(--color-primary-rgb), 0.4)}.btn.btn-ripple{position:relative;overflow:hidden}.btn.btn-ripple::after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transition:all .3s ease;transform:translate(-50%, -50%)}.btn.btn-ripple:active::after{width:200px;height:200px}.navbar .navbar-brand{font-family:var(--font-secondary);font-weight:800;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px;transition:all .3s ease}.navbar .navbar-nav .nav-link{font-weight:600;font-size:1rem;letter-spacing:.5px;text-transform:uppercase;position:relative;padding:.5rem 1.2rem !important;transition:all .3s ease}.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)}.navbar.navbar-genepool,.navbar.navbar-datemetrix,.navbar.navbar-dnaromance,.navbar.navbar-generecovery,.navbar.navbar-heritablehealth,.navbar.navbar-wellmatched{padding-top:.75rem !important;padding-bottom:.75rem !important}.navbar.navbar-genepool .navbar-brand,.navbar.navbar-datemetrix .navbar-brand,.navbar.navbar-dnaromance .navbar-brand,.navbar.navbar-generecovery .navbar-brand,.navbar.navbar-heritablehealth .navbar-brand,.navbar.navbar-wellmatched .navbar-brand{padding-top:.25rem;padding-bottom:.25rem}.navbar.navbar-genepool .navbar-brand img,.navbar.navbar-datemetrix .navbar-brand img,.navbar.navbar-dnaromance .navbar-brand img,.navbar.navbar-generecovery .navbar-brand img,.navbar.navbar-heritablehealth .navbar-brand img,.navbar.navbar-wellmatched .navbar-brand img{height:50px !important;width:auto}.navbar.navbar-genepool .nav-link,.navbar.navbar-datemetrix .nav-link,.navbar.navbar-dnaromance .nav-link,.navbar.navbar-generecovery .nav-link,.navbar.navbar-heritablehealth .nav-link,.navbar.navbar-wellmatched .nav-link{padding-top:.5rem !important;padding-bottom:.5rem !important}.badge{font-weight:var(--font-weight-medium);border-radius:var(--radius-full);padding:.35em .65em}.badge.bg-danger{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1);opacity:.6}}.info-card{transition:var(--transition-fast);border:1px solid rgba(0,0,0,0)}.info-card:hover{border-color:var(--color-primary);background-color:rgba(var(--color-primary-rgb), 0.05) !important;transform:translateY(-1px)}.info-card i{font-size:.875rem}.progress-circle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;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) 360deg)}.progress-circle::before{content:"";position:absolute;inset:3px;background:var(--color-white);border-radius:50%}.progress-circle>*{position:relative;z-index:1}.form-progress-container{background:rgba(var(--color-primary-rgb), 0.02);border-radius:var(--radius-lg);padding:1rem;border:1px solid rgba(var(--color-primary-rgb), 0.1)}.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-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0}.loading{position:relative;pointer-events:none}.loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--color-primary);border-top-color:rgba(0,0,0,0);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.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,.h1,h2,.h2,h3,.h3{letter-spacing:-0.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:hover,.btn-primary:focus{transform:translateY(-1px);box-shadow:var(--shadow-primary-strong);background-position:10% 0;background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-accent{background:var(--gradient-secondary);color:var(--color-white);border:0;box-shadow:var(--shadow-secondary-light)}.btn-accent:hover,.btn-accent:focus{color:var(--color-white);transform:translateY(-1px);box-shadow:var(--shadow-secondary-strong)}.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-top:clamp(2rem,3vw,4rem);padding-bottom:clamp(2rem,3vw,4rem)}.section-lg{padding-top:clamp(3rem,4vw,6rem);padding-bottom:clamp(3rem,4vw,6rem)}@keyframes fadeUp{from{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-weight:800;font-size:clamp(2rem,4vw,3.25rem);line-height:1.1}.hero-subtitle{color:hsla(0,0%,100%,.85)}.badge-soft-primary{color:var(--color-primary);background:rgba(var(--color-primary-rgb), 0.12)}.badge-soft-accent{color:var(--color-secondary);background:rgba(var(--color-secondary-rgb), 0.12)}.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{font-weight:700;letter-spacing:-0.02em;color:var(--color-white) !important}.footer-beautiful{background:var(--gradient-dark);color:hsla(0,0%,100%,.8)}.footer-beautiful a{color:var(--color-white)}.alert-debug{color:var(--color-gray-600);background-color:var(--color-white);border-color:var(--color-gray-300)}.alert-debug hr{border-top-color:var(--color-gray-400)}.alert-debug .alert-link{color:var(--color-gray-700)}.alert-error{color:var(--color-danger);background-color:var(--color-danger-light);border-color:var(--color-gray-200)}.alert-error hr{border-top-color:var(--color-danger)}.alert-error .alert-link{color:var(--color-danger-dark)}.form-errors{color:var(--color-danger);background-color:var(--color-danger-light);border-color:var(--color-gray-200)}.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{margin-top:var(--space-4xl);background-color:var(--color-gray-100)}.profile-photo-view img{width:300px !important;height:300px !important;margin:0 auto !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)}.settings-menu,.activation-menu{margin-bottom:0px;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-primary,.progress-striped .progress-bar-info{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);margin-bottom:var(--space-md);font-weight:var(--font-weight-bold);text-decoration:none}.footer a{color:var(--color-gray-500);font-size:var(--font-size-sm);text-decoration:none}.footer a:hover{color:var(--color-gray-100);font-size:var(--font-size-sm);text-decoration:none}.btn-cta{min-height:var(--button-height-lg);font-size:var(--font-size-lg);background-color:#f72c93;color:#fff !important;border-color:#f72c93;font-weight:600}.btn-cta:hover{background-color:var(--color-secondary-dark);color:var(--color-white);border-color:var(--color-secondary)}.btn-cta:focus{background-color:var(--color-secondary-dark);color:var(--color-white);border-color:var(--color-secondary)}.full-banner{margin-top:-70px}.full-banner-cta{max-width:500px;float:right;padding:20px}.full-banner h1,.full-banner h2,.full-banner h3{color:var(--color-white)}.full-banner-image{width:100%;margin-top:-65px}.mobile-banner{display:none}@media only screen and (max-width: 1000px){.full-banner-image{display:none}.mobile-banner{display:block;width:100%;margin-top:-65px}}@media only screen and (max-width: 600px){.full-banner-image{display:none}.mobile-banner{display:block;width:100%;margin-top:-65px}}#mce-EMAIL{width:300px;text-align:center;background-color:rgba(0,0,0,0);color:var(--color-white);border:solid var(--border-medium) var(--color-white);margin-bottom:var(--space-sm)}#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{display:block;background-color:#333;color:#fff;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);text-align:center;margin-bottom:var(--space-2xl)}.upload{background-color:var(--color-gray-600);border:var(--border-medium) solid var(--color-gray-700);padding-top:var(--space-4xl);padding-bottom:var(--space-4xl);text-align:center;color:var(--color-white)}.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);padding-top:var(--space-4xl);padding-bottom:var(--space-4xl);text-align:center;color:var(--color-white)}.disabled-zone{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl);text-align:center}.photo_upload{background-color:var(--color-gray-600);border:var(--border-medium) solid var(--color-gray-700);padding-top:var(--space-lg);padding-bottom:var(--space-lg);text-align:center;color:var(--color-white)}.form-inline .form-control{width:300px}.signup{max-width:400px;margin:0 auto;padding:1px}.btn-facebook{color:var(--color-white);background-color:#3b5998;border-color:rgba(0,0,0,.2)}.btn-facebook:hover{color:var(--color-white);background-color:#30487b;border-color:rgba(0,0,0,.2)}.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,.2)}.user_action_required{display:inline-block;position:relative;padding:var(--space-xs) var(--space-xs) var(--space-xs) calc(var(--space-lg) + var(--space-xs));background:url("../images/warning.svg") var(--space-xs) 50% no-repeat;background-size:var(--space-lg) var(--space-lg);color:var(--color-warning)}.blog-hero{min-height:400px;background-image:url("/static/images/blog/online-dating-relationships-man-woman.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}.press a{text-decoration:none}.press-grey{background-color:var(--color-gray-100)}.press-icon{margin:0 auto;padding:var(--space-lg);text-align:center;background-size:cover;background-position:center;background-repeat:no-repeat}.press h3{margin-top:0px}.hidden{display:none}.hearts-table tr th{font-size:18px;width:200px;text-align:center}.hearts-table tr td{padding:var(--space-2xl) 0;text-align:center}.upload-container{width:100%;padding:0;padding-bottom:var(--space-4xl);background-color:var(--color-gray-100)}.upload-banner{width:100%;margin-top:-65px}.navbar .dropdown-menu{position:absolute;z-index:1050}.navbar-toggler{border:1px solid hsla(0,0%,100%,.95)}@media(min-width: 992px){.navbar-expand-lg .navbar-toggler{display:none !important}}.banner3.webp{background-image:url("../images/background/background3XL.webp") !important;background-position:center !important;background-repeat:no-repeat !important;background-size:cover !important}.banner3.no-webp{background-image:url("../images/background/background3XL.jpeg") !important;background-position:center !important;background-repeat:no-repeat !important;background-size:cover !important}@media screen and (max-width: 767px){.banner3.webp{background-image:url("../images/background/backgroundmobile1XL.webp") !important}.banner3.no-webp{background-image:url("../images/background/backgroundmobile1XL.jpg") !important}}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' 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{position:static;width:100%;margin-top:0;background-color:rgba(0,0,0,.1)}}.banner3{position:relative;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#333;background-image:linear-gradient(135deg, #667eea 0%, #764ba2 100%),url("/static/images/background/couple.webp")}.banner3-content{position:relative;z-index:2;text-align:center;color:#fff;max-width:800px;padding:2rem}.banner3-title{font-size:3rem;font-weight:bold;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.87)}.banner3-subtitle{font-size:1.5rem;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.87)}@media(max-width: 768px){.banner3-title{font-size:2rem}.banner3-subtitle{font-size:1.2rem}}.btn-start-pwa{background-color:#f72c93;color:#fff;padding:1rem 2rem;font-size:1.2rem;border:none;border-radius:50px;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.2)}.btn-start-pwa:hover{background-color:#d11b68;transform:translateY(-2px);box-shadow:0 6px 8px rgba(0,0,0,.3);color:#fff;text-decoration:none}.banner3,.banner3-dnaromance{background-image:url("/static/images/background/background3XL.webp")}@media(max-width: 768px){.banner3,.banner3-dnaromance{background-image:url("/static/images/background/backgroundmobile1XL.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{background-image:url("/static/images/DateMetriX/Personalities.png");background-position:center;background-size:cover;display:flex;align-items:center;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);padding:3rem;border-radius:15px;margin:0 auto;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{background-image:url("/static/images/genepool/pexels-pavel-danilyuk-6025139.jpg");background-position:center;background-size:cover;display:flex;align-items:center;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);padding:3rem;border-radius:15px;margin:0 auto;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);padding:3rem;border-radius:15px}.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);padding:3rem;border-radius:15px}.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);padding:3rem;border-radius:15px}.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{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.87) 100%);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/DateMetriX/Personalities.png")}.banner3-genepool{background-image:url("/static/images/genepool/pexels-pavel-danilyuk-6025139.jpg")}}.carousel-control-prev,.carousel-control-next{width:5%;color:#000;background:none;border:none}.carousel-control-prev-icon,.carousel-control-next-icon{background-color:rgba(0,0,0,.87);border-radius:50%;padding:20px}.carousel-indicators [data-bs-target]{background-color:#000}.offline-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.offline-content{text-align:center;padding:2rem}.offline-icon{font-size:5rem;color:#6c757d;margin-bottom:2rem}.offline-title{font-size:2.5rem;margin-bottom:1rem;color:#343a40}.offline-message{font-size:1.2rem;color:#6c757d;margin-bottom:2rem}.btn-retry{background-color:#007bff;color:#fff;padding:.75rem 2rem;font-size:1.1rem;border:none;border-radius:50px;text-decoration:none;display:inline-block;transition:all .3s ease}.btn-retry:hover{background-color:#0056b3;transform:translateY(-2px);color:#fff;text-decoration:none}.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{background-image:url("/static/images/background/dnamatchmakers-hero.webp");background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center;min-height:600px;position:relative}.banner3-dnamatchmakers::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(26, 35, 126, 0.9), rgba(194, 24, 91, 0.9));z-index:1}.banner3-dnamatchmakers .banner3-content{position:relative;z-index:2;text-align:center;padding:3rem;border-radius:15px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px)}.banner3-dnamatchmakers .banner3-content h1,.banner3-dnamatchmakers .banner3-content h2,.banner3-dnamatchmakers .banner3-content h3,.banner3-dnamatchmakers .banner3-content p{margin:0 auto;color:#fff}.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;color:#1a237e;border:none;font-weight:700}.banner3-dnamatchmakers .banner3-content .btn-dnamatchmakers-primary:hover{background-color:#ffc700;transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,215,0,.4)}.dropdown-item{color:#212529}.dropdown-item:hover,.dropdown-item:focus{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:hover,.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:focus{background-color:hsla(0,0%,100%,.1);color:#fff}.btn-outline-hearts{color:#f72c93;border-color:#f72c93}.btn-outline-hearts:hover{background-color:#f72c93;color:#fff}.btn:disabled,.btn.disabled{opacity:.65;cursor:not-allowed}.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-header{background-color:#f8f9fa;border-bottom:1px solid rgba(0,0,0,.125)}.plan-card{transition:all .3s ease;height:100%}.plan-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.plan-card .card-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;font-weight:bold;text-align:center;padding:1rem}.plan-card.featured .card-header{background:linear-gradient(135deg, #f72c93 0%, #d11b68 100%)}.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 th,.table-comparison td{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}}.navbar-social-container{display:flex;align-items:center;gap:.75rem;margin-left:auto;margin-right:1rem}@media(max-width: 991px){.navbar-social-container{display:none}}.navbar-social-container .social-icon{font-size:1.1rem;transition:all .3s ease}@media(max-width: 991px){.navbar-collapse{margin-top:1rem;padding:1rem;background:rgba(0,0,0,.05);border-radius:10px}}@media(min-width: 992px){.navbar-beautiful .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-beautiful .navbar-nav{flex-direction:row !important;align-items:center;gap:.5rem}.navbar-beautiful .navbar-nav .nav-item{margin:0}.navbar-beautiful .navbar-nav .nav-item .nav-link{padding:.5rem .75rem !important;white-space:nowrap}.navbar-beautiful .dropdown.m-0{margin:0 !important}.navbar-beautiful .dropdown.m-0 .nav-language-btn,.navbar-beautiful .dropdown.m-0 .services-dropdown{padding:.375rem .75rem}.navbar-beautiful .navbar-social-container{display:flex !important;margin-right:1rem;order:-1}.navbar-beautiful.navbar-dnaromance,.navbar-beautiful.navbar-datemetrix,.navbar-beautiful.navbar-genepool,.navbar-beautiful.navbar-wellmatched,.navbar-beautiful.navbar-generecovery,.navbar-beautiful.navbar-heritablehealth{min-height:70px;padding:.5rem 0}.navbar-beautiful.navbar-dnaromance .container-fluid,.navbar-beautiful.navbar-datemetrix .container-fluid,.navbar-beautiful.navbar-genepool .container-fluid,.navbar-beautiful.navbar-wellmatched .container-fluid,.navbar-beautiful.navbar-generecovery .container-fluid,.navbar-beautiful.navbar-heritablehealth .container-fluid{align-items:center}.navbar-expand-lg .navbar-nav{display:flex !important;flex-direction:row !important}.navbar-expand-lg .navbar-collapse{display:flex !important;visibility:visible !important}}.nav-signout-btn{background:none;border:none;color:inherit;padding:.5rem 1rem;font:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;font-weight:600;transition:all .3s ease}.nav-signout-btn:hover{opacity:.8}.services-dropdown{background:rgba(0,0,0,0) !important;border:1px solid hsla(0,0%,100%,.3);border-radius:20px;color:inherit !important;font-size:14px;padding:.5rem 1rem;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.services-dropdown:hover,.services-dropdown:focus{background:hsla(0,0%,100%,.1) !important;border-color:hsla(0,0%,100%,.95)}.services-dropdown::after{display:none}.services-dropdown .dropdown-symbol{margin-left:.5rem;font-size:.8em}.services-li .dropdown-menu{margin-top:.5rem;border-radius:10px;border:none;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:1rem;min-width:280px}.services-li .dropdown-menu .dropdown-header{font-weight:700;text-transform:uppercase;color:#666;font-size:.85rem;padding:.5rem 1rem}.services-li .dropdown-menu .dropdown-item{padding:.75rem 1rem;border-radius:5px;transition:all .3s ease}.services-li .dropdown-menu .dropdown-item:hover{background:#f8f9fa;transform:translateX(5px)}.services-li .dropdown-menu .dropdown-item .fas,.services-li .dropdown-menu .dropdown-item .fab{width:20px;text-align:center}.services-li .dropdown-menu .dropdown-item small{display:block;margin-top:.25rem;font-size:.8rem}.services-li .dropdown-menu .dropdown-divider{margin:.75rem 0}.press-section{padding:60px 0;background-color:#f8f9fa}.press-card{height:100%;transition:all .3s ease;border:none;box-shadow:0 2px 4px rgba(0,0,0,.1)}.press-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.press-card .card-body{min-height:250px;display:flex;flex-direction:column}.press-card .press-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem;color:#6c757d}.press-card .card-title{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:.5rem}.press-card .card-text{flex-grow:1;font-size:.9rem;color:#666}.press-card .btn-read-more{margin-top:auto;align-self:flex-start}@media(max-width: 768px){.press-card .card-body{min-height:200px}}@media(max-width: 575px){.press-card .press-icon{font-size:1.5rem;width:40px;height:40px}.press-card .card-title{font-size:1rem}.press-card .card-text{font-size:.85rem}}.team-section{padding:60px 0}.team-section .team-member{text-align:center;margin-bottom:30px}.team-section .team-member img{width:150px;height:150px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:15px}.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{font-size:.9rem;color:#666}.card a{color:var(--color-primary)}.card a:hover{color:var(--color-primary-dark)}.bg-dark .text-muted{color:#374151 !important}a:focus,button:focus,input:focus,textarea:focus,select: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%;transition:all .3s ease;overflow:hidden}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-card .blog-image{height:200px;overflow:hidden}.blog-card .blog-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.blog-card .card-body{padding:1.25rem;flex:1}.blog-card .card-body p{margin-bottom:1rem;font-size:.95rem;line-height:1.6;color:#555}.blog-card .card-body p:last-child{margin-bottom:0}.blog-card .card-body p a{color:var(--color-primary);text-decoration:none;font-weight:500}.blog-card .card-body p a:hover{text-decoration:underline}.blog-card .blog-meta{font-size:.875rem;color:#666;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{margin-right:.5rem;font-weight:normal}.blog-card .blog-tags .badge:last-child{margin-right:0}.pagination{margin-top:3rem;justify-content:center}.pagination .page-link{color:var(--color-primary);border-radius:50%;margin:0 .25rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.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), 0.25)}.search-form .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666}.tag-cloud .tag-item{display:inline-block;margin:.25rem}.tag-cloud .tag-item .badge{font-size:.875rem;font-weight:normal;padding:.5rem 1rem}.tag-cloud .tag-item .badge:hover{background-color:var(--color-primary);color:#fff}.newsletter-signup{background-color:#f8f9fa;padding:2rem;border-radius:10px;margin-top: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{display:inline-block;margin-right:.5rem;padding:.5rem 1rem;border-radius:50px;text-decoration:none;color:#fff;transition:all .3s ease}.social-share .share-btn:hover{transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,.2)}.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{margin-top:3rem;padding-top:3rem;border-top:1px solid #eee}.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;color:#374151 !important}.comments-section{margin-top:3rem;padding-top:3rem;border-top:1px solid #eee}.comments-section .comment-item{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #f0f0f0}.comments-section .comment-item:last-child{border-bottom:none;padding-bottom:0}.comments-section .comment-item .comment-header{display:flex;align-items:center;margin-bottom:1rem}.comments-section .comment-item .comment-header .avatar{width:40px;height:40px;border-radius:50%;margin-right:1rem}.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{font-size:.875rem;color:#666}.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{font-size:.875rem;color:#666;background:none;border:none;padding:0;margin-right:1rem;cursor:pointer}.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{background-color:#f8f9fa;padding:2rem;border-radius:10px;margin-top:3rem;display:flex;align-items:flex-start}.author-bio .author-avatar{width:80px;height:80px;border-radius:50%;margin-right:1.5rem;flex-shrink:0}.author-bio .author-info{flex:1}.author-bio .author-info h4{margin-bottom:.5rem}.author-bio .author-info .bio{margin-bottom:1rem;color:#666}.author-bio .author-info .social-links a{display:inline-block;margin-right:1rem;color:#666;font-size:1.2rem}.author-bio .author-info .social-links a:hover{color:var(--color-primary)}.archive-header{background-color:#f8f9fa;padding:3rem 0;margin-bottom:3rem}.archive-header h1{margin-bottom:1rem}.archive-header .archive-description{font-size:1.1rem;color:#666}.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 select,.archive-filters .filter-group input{max-width:200px}.taxonomy-header{text-align:center;padding:3rem 0;margin-bottom:3rem}.taxonomy-header .taxonomy-icon{font-size:4rem;color:var(--color-primary);margin-bottom:1rem}.taxonomy-header h1{margin-bottom:1rem}.taxonomy-header .taxonomy-description{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.taxonomy-header .post-count{margin-top:1rem;font-size:.9rem;color:#666}pre{background-color:#f4f4f4;border:1px solid #ddd;border-radius:4px;padding:1rem;overflow-x:auto}pre code{background-color:rgba(0,0,0,0);padding:0;color:#333}code{background-color:#f4f4f4;padding:.2rem .4rem;border-radius:3px;font-size:.875rem;color:#d14}blockquote{border-left:4px solid var(--color-primary);padding-left:1rem;margin:1.5rem 0;font-style:italic;color:#666}blockquote p{margin-bottom:.5rem}blockquote p:last-child{margin-bottom:0}blockquote cite{display:block;margin-top:.5rem;font-size:.875rem;color:#666;font-style:normal}blockquote cite:before{content:"— "}.table-responsive{margin:1.5rem 0}.table-responsive table{min-width:100%}.table-responsive table th{background-color:#f8f9fa;font-weight:600;text-align:left;padding:.75rem;border-bottom:2px solid #dee2e6}.table-responsive table td{padding:.75rem;border-bottom:1px solid #dee2e6}.table-responsive table tr:last-child td{border-bottom:none}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background-color:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;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{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner-container .spinner-border{width:3rem;height:3rem;color:var(--color-primary)}.error-page{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center}.error-page .error-code{font-size:8rem;font-weight:bold;color:var(--color-primary);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{.navbar,.footer,.sidebar,.social-share,.comments-section,.newsletter-signup,.back-to-top{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{font-size:14px !important;padding:.5rem 1rem !important;background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.3);border-radius:20px}.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;text-transform:uppercase;margin-left:.25rem}@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-top:2rem !important;padding-bottom:2rem !important}.who-we-serve-section .compact-card{padding:1.5rem 1rem}}.banner3-couples-report{background-image:url("/static/images/background/couple-skyline.webp");background-position:center;background-size:cover;display:flex;align-items:center;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);padding:3rem;border-radius:15px;margin:0 auto;text-align:center}.banner3-couples-report .banner3-title{color:#fff;text-align:center}.top-social3{position:relative;z-index:1030}.top-social3 .top-nav{width:100%}.navbar.fixed-top{backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px)}.navbar .navbar-brand:hover{transform:scale(1.05);text-shadow:0 0 20px hsla(0,0%,100%,.3)}.navbar .navbar-brand:hover img{transform:rotate(3deg) scale(1.05);filter:brightness(1.1) contrast(1.1)}.navbar .navbar-brand img{height:50px;width:auto;transition:all .3s ease}.navbar .navbar-nav .nav-link::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:currentColor;transition:all .3s ease;transform:translateX(-50%)}.navbar .navbar-nav .nav-link:hover::after,.navbar .navbar-nav .nav-link.active::after{width:80%}.navbar .navbar-toggler{border:2px solid hsla(0,0%,100%,.95);padding:.25rem .5rem}.navbar .navbar-toggler:focus{box-shadow:0 0 0 .2rem hsla(0,0%,100%,.25)}.navbar-dnaromance{background:linear-gradient(135deg, #FF1744 0%, #FF6B8A 100%) !important;box-shadow:0 2px 10px rgba(255,23,68,.3)}.navbar-dnaromance .navbar-brand,.navbar-dnaromance .nav-link{color:#fff !important}.navbar-dnaromance .navbar-nav .nav-link::after{background:#fff}.navbar-dnaromance .navbar-nav .nav-link:hover{color:#ffe5ec !important;transform:translateY(-2px)}.navbar-dnaromance .btn-accent{background:#fff;color:#ff1744;border:none;font-weight:700}.navbar-dnaromance .btn-accent:hover{background:#ffe5ec;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.navbar-dnaromance .social-icon{color:hsla(0,0%,100%,.9) !important}.navbar-dnaromance .social-icon:hover{color:#fff !important;transform:scale(1.2)}.navbar-datemetrix{box-shadow:0 2px 10px rgba(107,70,193,.3);background:linear-gradient(135deg, #6a1b9a 0%, #9333EA 100%) !important;background-image:linear-gradient(135deg, #6a1b9a 0%, #9333EA 100%) !important;background-color:#6a1b9a !important}.navbar-datemetrix .navbar-brand{font-weight:800;color:#fff !important;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px;transition:all .3s ease}.navbar-datemetrix .navbar-brand:hover{transform:scale(1.05);text-shadow:0 0 20px hsla(0,0%,100%,.95)}.navbar-datemetrix .navbar-brand:hover img{transform:rotate(5deg) scale(1.1);filter:brightness(1.2) contrast(1.2) drop-shadow(0 0 10px rgba(255, 255, 255, 0.95))}.navbar-datemetrix .navbar-brand img{height:45px;width:auto;filter:brightness(1.1) contrast(1.1);transition:all .3s ease}.navbar-datemetrix .navbar-nav .nav-link{color:#fff !important;font-weight:600;font-size:1.05rem;letter-spacing:.5px;text-transform:uppercase;position:relative;padding:.5rem 1.2rem !important}.navbar-datemetrix .navbar-nav .nav-link::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:#f7b500;transition:all .3s ease;transform:translateX(-50%)}.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{width:80px;height:80px;transition:transform .3s ease,box-shadow .3s ease}.step-icon:hover{transform:scale(1.1);box-shadow:0 8px 16px rgba(0,0,0,.2)}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,.datemetrix h1,.datemetrix h2,.datemetrix h3,.datemetrix h4,.datemetrix h5,.datemetrix h6,.datemetrix .h1,.datemetrix .h2,.datemetrix .h3,.datemetrix .h4,.datemetrix .h5,.datemetrix .h6{color:#2e86ab !important;text-shadow:none !important;font-weight:700}body.datemetrix p,.datemetrix p{color:#333 !important;text-shadow:none !important}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 .container h1,body.datemetrix .container h2,body.datemetrix .container h3,body.datemetrix .container h4,body.datemetrix .container h5,body.datemetrix .container 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,.datemetrix main h1,.datemetrix main h2,.datemetrix main h3,.datemetrix main h4,.datemetrix main h5,.datemetrix main h6,.datemetrix .container h1,.datemetrix .container h2,.datemetrix .container h3,.datemetrix .container h4,.datemetrix .container h5,.datemetrix .container h6,.datemetrix section h1,.datemetrix section h2,.datemetrix section h3,.datemetrix section h4,.datemetrix section h5,.datemetrix section h6{color:#2e86ab !important;text-shadow:none !important}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,.datemetrix .banner3-datemetrix h1,.datemetrix .banner3-datemetrix h2,.datemetrix .banner3-datemetrix h3,.datemetrix .banner3-datemetrix p,.datemetrix .hero-section h1,.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 0%, #9333EA 100%) !important;background-image:linear-gradient(135deg, #6a1b9a 0%, #9333EA 100%) !important}@media(max-width: 991px){.navbar-datemetrix .navbar-collapse{background:linear-gradient(135deg, #6a1b9a 0%, #9333EA 100%) !important;padding:1rem;border-radius:10px;margin-top:10px}}.navbar-datemetrix .navbar-brand,.navbar-datemetrix .nav-link,.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 0%, #00BFA5 100%) !important;box-shadow:0 2px 10px rgba(0,137,123,.3)}.navbar-genepool .navbar-brand{font-weight:800;color:#fff !important;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px;transition:all .3s ease}.navbar-genepool .navbar-brand:hover{transform:scale(1.05);text-shadow:0 0 20px hsla(0,0%,100%,.95)}.navbar-genepool .navbar-brand:hover img{transform:rotate(-5deg) scale(1.1);filter:brightness(1.2) contrast(1.2) drop-shadow(0 0 10px rgba(255, 255, 255, 0.95))}.navbar-genepool .navbar-brand img{height:45px;width:auto;filter:brightness(1.1) contrast(1.1);transition:all .3s ease}.navbar-genepool .navbar-nav .nav-link{color:#fff !important;font-weight:600;font-size:1.05rem;letter-spacing:.5px;text-transform:uppercase;position:relative;padding:.5rem 1.2rem !important}.navbar-genepool .navbar-nav .nav-link::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:#64ffda;transition:all .3s ease;transform:translateX(-50%)}.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-heritablehealth{background:linear-gradient(135deg, #007BFF 0%, #0056B3 100%) !important;box-shadow:0 2px 10px rgba(0,123,255,.3)}.navbar-heritablehealth .navbar-brand,.navbar-heritablehealth .nav-link{color:#fff !important}.navbar-heritablehealth .navbar-nav .nav-link::after{background:#fff}.navbar-heritablehealth .navbar-nav .nav-link:hover{color:#e3f2fd !important;transform:translateY(-2px)}.navbar-heritablehealth .btn-accent{background:#fff;color:#007bff;border:none;font-weight:700}.navbar-heritablehealth .btn-accent:hover{background:#e3f2fd;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.navbar-heritablehealth .social-icon{color:hsla(0,0%,100%,.9) !important}.navbar-heritablehealth .social-icon:hover{color:#fff !important;transform:scale(1.2)}.navbar-heritablehealth .navbar-social-container{background:rgba(0,0,0,.1);padding:.25rem .5rem;border-radius:20px}.navbar-generecovery{background:linear-gradient(135deg, #388E3C 0%, #4CAF50 100%) !important;box-shadow:0 2px 10px rgba(56,142,60,.3)}.navbar-generecovery .navbar-brand,.navbar-generecovery .nav-link{color:#fff !important}.navbar-generecovery .navbar-nav .nav-link::after{background:#fff}.navbar-generecovery .navbar-nav .nav-link:hover{color:#e8f5e9 !important;transform:translateY(-2px)}.navbar-generecovery .btn-accent{background:#fff;color:#388e3c;border:none;font-weight:700}.navbar-generecovery .btn-accent:hover{background:#e8f5e9;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.navbar-generecovery .social-icon{color:hsla(0,0%,100%,.9) !important}.navbar-generecovery .social-icon:hover{color:#fff !important;transform:scale(1.2)}.navbar-generecovery .navbar-social-container{background:rgba(0,0,0,.1);padding:.25rem .5rem;border-radius:20px}.navbar-wellmatched{background:linear-gradient(135deg, #1976D2 0%, #2196F3 100%) !important;box-shadow:0 2px 10px rgba(25,118,210,.3)}.navbar-wellmatched .navbar-brand,.navbar-wellmatched .nav-link{color:#fff !important}.navbar-wellmatched .navbar-nav .nav-link::after{background:#fff}.navbar-wellmatched .navbar-nav .nav-link:hover{color:#e3f2fd !important;transform:translateY(-2px)}.navbar-wellmatched .btn-accent{background:#fff;color:#1976d2;border:none;font-weight:700}.navbar-wellmatched .btn-accent:hover{background:#e3f2fd;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.navbar-wellmatched .social-icon{color:hsla(0,0%,100%,.9) !important}.navbar-wellmatched .social-icon:hover{color:#fff !important;transform:scale(1.2)}.navbar-brand-enhanced{position:relative;padding:5px 15px;border-radius:50px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);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:hover,.btn-secondary:focus,.btn-secondary:active{background-color:#545b62 !important;color:#fff !important;border-color:#545b62}.btn-light{background-color:#fff;color:#212529 !important;border:2px solid #6c757d;font-weight:500}.btn-light:hover,.btn-light:focus,.btn-light:active{background-color:#212529 !important;color:#fff !important;border-color:#212529;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.btn-info{background-color:#17a2b8;color:#fff !important;border-color:#17a2b8}.btn-info:hover,.btn-info:focus,.btn-info:active{background-color:#138496 !important;color:#fff !important;border-color:#138496}.btn-outline-light{border-width:2px;font-weight:600;background-color:hsla(0,0%,100%,.1)}.btn-outline-light:hover,.btn-outline-light:focus,.btn-outline-light:active{background-color:#fff !important;color:#212529 !important;border-color:#fff}.btn-overlay-light{background-color:hsla(0,0%,100%,.2);color:#fff !important;border:2px solid #fff;font-weight:600}.btn-overlay-light:hover,.btn-overlay-light:focus,.btn-overlay-light:active{background-color:#fff !important;color:var(--primary-color) !important;border-color:#fff}.btn-outline-dark{border-width:2px;font-weight:500}.btn-outline-dark:hover,.btn-outline-dark:focus,.btn-outline-dark:active{background-color:#212529 !important;color:#fff !important}.banner3-datemetrix .btn-outline-light:hover,.banner3-datemetrix .btn-outline-light:focus{color:#6a1b9a !important}.banner3-genepool .btn-outline-light:hover,.banner3-genepool .btn-outline-light:focus{color:#00897b !important}.banner3-wellmatched .btn-outline-light:hover,.banner3-wellmatched .btn-outline-light:focus{color:#1976d2 !important}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:#0c5c96 !important;color:#fff !important;border-color:#0c5c96}.btn-primary:disabled{background-color:#6c757d;border-color:#6c757d;opacity:.65}.btn-cta:hover,.btn-cta:focus,.btn-cta:active{background-color:#d11b68 !important;color:#fff !important;border-color:#d11b68}.banner3-datingwingman{background:linear-gradient(135deg, #7B68EE 0%, #FF69B4 100%);background-size:cover;background-position:center}.banner3-datingwingman .btn-outline-light:hover,.banner3-datingwingman .btn-outline-light:focus{color:#7b68ee !important;border-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:hover,.datingwingman .btn-primary:focus,.datingwingman .btn-primary:active{background-color:#6a5acd !important;border-color:#6a5acd !important}.datingwingman .text-secondary{color:#374151 !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;color:#fff;border-radius:18px 18px 4px 18px}.datingwingman .chat-message.wingman{background:#e9ecef;color:#333;border-radius:18px 18px 18px 4px}.datingwingman .feature-card{border:2px solid rgba(0,0,0,0);background:linear-gradient(white, white) padding-box,linear-gradient(135deg, #7B68EE, #FF69B4) border-box;transition:transform .3s ease}.datingwingman .feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(123,104,238,.2)}.datingwingman .pricing-card.premium{border:2px solid #7b68ee;position:relative}.datingwingman .pricing-card.premium .badge-popular{position:absolute;top:-12px;right:20px;background:gold;color:#333;padding:4px 16px;border-radius:20px;font-weight:600}.blog-section .container{max-width:1200px !important;padding:0 15px !important}.blog-section .row{margin:0 !important;width:100% !important;display:block !important}.blog-section .row>.text-center{width:100% !important;max-width:100% !important;display:block !important;margin:0 !important;padding:0 !important}.blog-section .row>.text-center #wrapper{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;display:block !important}.blog-section .row>.text-center #wrapper #main{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;display:block !important}.blog-section .col-12,.blog-section .col-lg-12,.blog-section .col-md-12{max-width:100% !important;flex:0 0 100% !important;width:100% !important}.blog-section article.post{max-width:900px !important;width:100% !important;margin:0 auto 3rem auto !important;padding:3rem !important;text-align:left !important;box-sizing:border-box !important}.blog-section article.post *{text-align:left !important}.blog-section article.post h1{text-align:center !important;margin-bottom:2rem !important}.blog-section article.post h2{text-align:center !important;margin:3rem 0 1.5rem 0 !important}.blog-section article.post .image,.blog-section article.post figure,.blog-section article.post a.image{display:block !important;text-align:center !important;margin:0 auto !important}.blog-section article.post .image img,.blog-section article.post figure img,.blog-section article.post a.image 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{width:100% !important}.blog-section article.post header .title{width:100% !important}.blog-section article.post .text-start{width:100% !important;text-align:left !important}.blog-section article.post .text-start p,.blog-section article.post .text-start h3,.blog-section article.post .text-start h4{text-align:left !important}.blog-section article.post>.text-center{text-align:center !important;margin:2rem 0 !important}.blog-section article.post>.text-center .btnn,.blog-section article.post>.text-center .btn{display:inline-block !important;margin:.5rem !important;text-align:center !important}@media(max-width: 768px){.blog-section article.post{padding:1.5rem !important;max-width:100% !important}.blog-section .container{padding:0 10px !important}}.chat-container{height:55vh;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,0)}.chat-container::-webkit-scrollbar{width:8px}.chat-container::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.chat-container::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:4px}button:focus-visible,.btn:focus-visible{outline:2px solid var(--bs-primary);outline-offset:2px;box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.25)}a:focus-visible{outline:2px solid var(--bs-primary);outline-offset:2px;text-decoration:underline}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--bs-primary);outline-offset:0;border-color:var(--bs-primary);box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.25)}.heart-rating-btn,.btn-sm{min-width:44px;min-height:44px}@media(min-width: 768px){.heart-rating-btn,.btn-sm{min-width:auto;min-height:auto}}.img-responsive{max-width:100%;height:auto}.hero-image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}@media(min-width: 768px){.hero-image{min-height:400px}}@media(min-width: 992px){.hero-image{min-height:500px}}.global-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:none;justify-content:center;align-items:center;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{flex-direction:column;align-items:center;gap:var(--space-lg)}}.dnaoption1,.dnaoption2{flex:1;max-width:500px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl);transition:all var(--duration-normal) var(--easing-out);border:1px solid var(--color-gray-200)}.dnaoption1:hover,.dnaoption2:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.dnaoption1 h4,.dnaoption2 h4{color:var(--color-primary);margin-bottom:var(--space-lg);font-size:var(--font-size-xl);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{max-width:200px;height:auto;display:block;margin:0 auto var(--space-lg);transition:transform var(--duration-fast) var(--easing-out)}.dnaimg:hover{transform:scale(1.05)}.dnafont{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);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{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-normal)}.dnaoption1 p[class*=text-start],.dnaoption2 p[class*=text-start]{text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}#dnaoption1-after,#dnaoption2-after{display:none;background-color:var(--color-gray-50);padding:var(--space-lg);margin-top:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}#dnaoption1-after p,#dnaoption2-after p{margin:0;font-size:var(--font-size-sm)}.custom-style-db88bf9b{flex:1;max-width:500px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl);transition:all var(--duration-normal) var(--easing-out);border:1px solid var(--color-gray-200);position:relative;overflow:hidden}.custom-style-db88bf9b:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.custom-style-db88bf9b h4{color:var(--color-primary);margin-bottom:var(--space-lg);font-size:var(--font-size-xl);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{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle, var(--color-primary-light) 0%, transparent 70%);opacity:0;transition:opacity var(--duration-slow);pointer-events:none}.custom-style-db88bf9b:hover::before{opacity:.1}.custom-style-99295706{display:none;background-color:var(--color-gray-50);padding:var(--space-lg);margin-top:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.custom-style-99295706 p{margin:0;font-size:var(--font-size-sm)}.custom-style-29bcd606{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-white);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-radius:50px;box-shadow:0 4px 15px rgba(var(--color-primary-rgb), 0.3);transition:all var(--duration-normal) var(--easing-out);display:inline-block;text-decoration:none;border:none}.custom-style-29bcd606:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-primary-rgb), 0.4);background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);color:var(--color-white)}.custom-style-29bcd606:active{transform:translateY(0);box-shadow:0 2px 10px rgba(var(--color-primary-rgb), 0.3)}.custom-style-29bcd606 img{vertical-align:middle;margin-left:var(--space-sm)}@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{background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}100%{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{position:static;width:auto;height:auto;overflow:visible;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}100%{background-position:-200% 0}}@supports(container-type: inline-size){.responsive-grid{container-type:inline-size}@container (min-width: 768px){.card-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem}}}.form-announcer{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.rate-limit-warning{background:linear-gradient(45deg, #ffc107, #ff8c00);color:#000;padding:12px;border-radius:6px;margin:16px 0;font-weight:500}.webauthn-container{padding:20px;border:2px dashed #007bff;border-radius:12px;text-align:center;margin:20px 0;background:rgba(0,123,255,.05)}.webauthn-button{background:linear-gradient(135deg, #007bff, #0056b3);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:500;transition:all .3s ease}.webauthn-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,.3)}:root[data-site=apps]{--brand-primary: #0F75BD;--brand-secondary: #F72C93;--brand-accent: #50E3C2;--brand-primary-rgb: 15, 117, 189;--brand-secondary-rgb: 247, 44, 147;--brand-accent-rgb: 80, 227, 194;--brand-primary-light: #0F75BD33;--brand-primary-dark: #0c5d97;--brand-secondary-light: #F72C9333;--brand-secondary-dark: #c52375}[data-site=apps] .btn-primary{background-color:var(--brand-primary);border-color:var(--brand-primary);color:white;transition:all .3s ease}[data-site=apps] .btn-primary:hover{background-color:var(--brand-primary-dark);border-color:var(--brand-primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--brand-primary-rgb), 0.3)}[data-site=apps] .btn-primary:focus,[data-site=apps] .btn-primary:active{background-color:var(--brand-primary-dark) !important;border-color:var(--brand-primary-dark) !important;box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.3) !important}[data-site=apps] .btn-secondary{background-color:var(--brand-secondary);border-color:var(--brand-secondary);color:white}[data-site=apps] .btn-secondary:hover{background-color:var(--brand-secondary-dark);border-color:var(--brand-secondary-dark)}[data-site=apps] .btn-accent,[data-site=apps] .accent{background-color:var(--brand-accent);color:#000}[data-site=apps] a{color:var(--brand-primary);text-decoration:none;transition:color .2s ease}[data-site=apps] a:hover{color:var(--brand-primary-dark);text-decoration:underline}[data-site=apps] .navbar{background-color:white;border-bottom:2px solid var(--brand-primary)}[data-site=apps] .navbar-brand{color:var(--brand-primary) !important;font-weight:bold}[data-site=apps] .navbar-nav .nav-link{color:#333;transition:all .2s ease}[data-site=apps] .navbar-nav .nav-link:hover{color:var(--brand-primary)}[data-site=apps] .navbar-nav .nav-link.active{color:var(--brand-primary);font-weight:600;border-bottom:2px solid var(--brand-primary)}[data-site=apps] .hero-section,[data-site=apps] .banner3-apps{background-color:var(--brand-primary);background-image:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);color:white;position:relative;overflow:hidden}[data-site=apps] .hero-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("images/background/background3XL.webp") center/cover no-repeat;opacity:.1;z-index:0}[data-site=apps] .hero-content{position:relative;z-index:1}[data-site=apps] .card{border:1px solid rgba(var(--brand-primary-rgb), 0.2);transition:all .3s ease}[data-site=apps] .card:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb), 0.15);transform:translateY(-4px)}[data-site=apps] .card-header{background-color:rgba(var(--brand-primary-rgb), 0.05);border-bottom:2px solid var(--brand-primary);color:var(--brand-primary-dark);font-weight:600}[data-site=apps] .form-control:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.1)}[data-site=apps] .form-label{color:var(--brand-primary-dark);font-weight:500}[data-site=apps] .badge-primary{background-color:var(--brand-primary)}[data-site=apps] .badge-secondary{background-color:var(--brand-secondary)}[data-site=apps] footer{background-color:#f8f9fa;border-top:3px solid var(--brand-primary);color:#333}[data-site=apps] footer a{color:var(--brand-primary)}[data-site=apps] .spinner-border{color:var(--brand-primary)}[data-site=apps] .progress-bar{background-color:var(--brand-primary)}[data-site=apps] .tooltip-inner{background-color:var(--brand-primary-dark)}@media(max-width: 768px){[data-site=apps] .hero-section{padding:60px 20px}[data-site=apps] h1{font-size:28px}}@media print{[data-site=apps]{--brand-primary: #000;--brand-secondary: #333}}:root[data-site=datemetrix]{--brand-primary: #2E86AB;--brand-secondary: #A23B72;--brand-accent: #E67E00;--brand-primary-rgb: 46, 134, 171;--brand-secondary-rgb: 162, 59, 114;--brand-accent-rgb: 230, 126, 0;--brand-primary-light: #2E86AB33;--brand-primary-dark: #246b88;--brand-secondary-light: #A23B7233;--brand-secondary-dark: #812f5b}[data-site=datemetrix] .btn-primary{background-color:var(--brand-primary);border-color:var(--brand-primary);color:white;transition:all .3s ease}[data-site=datemetrix] .btn-primary:hover{background-color:var(--brand-primary-dark);border-color:var(--brand-primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--brand-primary-rgb), 0.3)}[data-site=datemetrix] .btn-primary:focus,[data-site=datemetrix] .btn-primary:active{background-color:var(--brand-primary-dark) !important;border-color:var(--brand-primary-dark) !important;box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.3) !important}[data-site=datemetrix] .btn-secondary{background-color:var(--brand-secondary);border-color:var(--brand-secondary);color:white}[data-site=datemetrix] .btn-secondary:hover{background-color:var(--brand-secondary-dark);border-color:var(--brand-secondary-dark)}[data-site=datemetrix] .btn-accent,[data-site=datemetrix] .accent{background-color:var(--brand-accent);color:#000}[data-site=datemetrix] a{color:var(--brand-primary);text-decoration:none;transition:color .2s ease}[data-site=datemetrix] a:hover{color:var(--brand-primary-dark);text-decoration:underline}[data-site=datemetrix] .navbar{background-color:white;border-bottom:2px solid var(--brand-primary)}[data-site=datemetrix] .navbar-brand{color:var(--brand-primary) !important;font-weight:bold}[data-site=datemetrix] .navbar-nav .nav-link{color:#333;transition:all .2s ease}[data-site=datemetrix] .navbar-nav .nav-link:hover{color:var(--brand-primary)}[data-site=datemetrix] .navbar-nav .nav-link.active{color:var(--brand-primary);font-weight:600;border-bottom:2px solid var(--brand-primary)}[data-site=datemetrix] .hero-section,[data-site=datemetrix] .banner3-datemetrix{background-color:var(--brand-primary);background-image:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);color:white;position:relative;overflow:hidden}[data-site=datemetrix] .hero-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("images/background/Personalities.webp") center/cover no-repeat;opacity:.1;z-index:0}[data-site=datemetrix] .hero-content{position:relative;z-index:1}[data-site=datemetrix] .card{border:1px solid rgba(var(--brand-primary-rgb), 0.2);transition:all .3s ease}[data-site=datemetrix] .card:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb), 0.15);transform:translateY(-4px)}[data-site=datemetrix] .card-header{background-color:rgba(var(--brand-primary-rgb), 0.05);border-bottom:2px solid var(--brand-primary);color:var(--brand-primary-dark);font-weight:600}[data-site=datemetrix] .form-control:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.1)}[data-site=datemetrix] .form-label{color:var(--brand-primary-dark);font-weight:500}[data-site=datemetrix] .badge-primary{background-color:var(--brand-primary)}[data-site=datemetrix] .badge-secondary{background-color:var(--brand-secondary)}[data-site=datemetrix] footer{background-color:#f8f9fa;border-top:3px solid var(--brand-primary);color:#333}[data-site=datemetrix] footer a{color:var(--brand-primary)}[data-site=datemetrix] .spinner-border{color:var(--brand-primary)}[data-site=datemetrix] .progress-bar{background-color:var(--brand-primary)}[data-site=datemetrix] .tooltip-inner{background-color:var(--brand-primary-dark)}.match-score{color:var(--brand-secondary);font-weight:bold}.personality-type{background:var(--brand-accent);color:var(--brand-primary-dark);padding:4px 12px;border-radius:20px;font-weight:600}@media(max-width: 768px){[data-site=datemetrix] .hero-section{padding:60px 20px}[data-site=datemetrix] h1{font-size:28px}}@media print{[data-site=datemetrix]{--brand-primary: #000;--brand-secondary: #333}}:root[data-site=genepool]{--brand-primary: #1B4B8C;--brand-secondary: #2980B9;--brand-accent: #FF6B6B;--brand-primary-rgb: 27, 75, 140;--brand-secondary-rgb: 41, 128, 185;--brand-accent-rgb: 255, 107, 107;--brand-primary-light: #1B4B8C33;--brand-primary-dark: #153c70;--brand-secondary-light: #2980B933;--brand-secondary-dark: #206694}[data-site=genepool] .btn-primary{background-color:var(--brand-primary);border-color:var(--brand-primary);color:white;transition:all .3s ease}[data-site=genepool] .btn-primary:hover{background-color:var(--brand-primary-dark);border-color:var(--brand-primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--brand-primary-rgb), 0.3)}[data-site=genepool] .btn-primary:focus,[data-site=genepool] .btn-primary:active{background-color:var(--brand-primary-dark) !important;border-color:var(--brand-primary-dark) !important;box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.3) !important}[data-site=genepool] .btn-secondary{background-color:var(--brand-secondary);border-color:var(--brand-secondary);color:white}[data-site=genepool] .btn-secondary:hover{background-color:var(--brand-secondary-dark);border-color:var(--brand-secondary-dark)}[data-site=genepool] .btn-accent,[data-site=genepool] .accent{background-color:var(--brand-accent);color:#000}[data-site=genepool] a{color:var(--brand-primary);text-decoration:none;transition:color .2s ease}[data-site=genepool] a:hover{color:var(--brand-primary-dark);text-decoration:underline}[data-site=genepool] .navbar{background-color:white;border-bottom:2px solid var(--brand-primary)}[data-site=genepool] .navbar-brand{color:var(--brand-primary) !important;font-weight:bold}[data-site=genepool] .navbar-nav .nav-link{color:#333;transition:all .2s ease}[data-site=genepool] .navbar-nav .nav-link:hover{color:var(--brand-primary)}[data-site=genepool] .navbar-nav .nav-link.active{color:var(--brand-primary);font-weight:600;border-bottom:2px solid var(--brand-primary)}[data-site=genepool] .hero-section,[data-site=genepool] .banner3-genepool{background-color:var(--brand-primary);background-image:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);color:white;position:relative;overflow:hidden}[data-site=genepool] .hero-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("images/background/matchmaking_background.webp") center/cover no-repeat;opacity:.1;z-index:0}[data-site=genepool] .hero-content{position:relative;z-index:1}[data-site=genepool] .card{border:1px solid rgba(var(--brand-primary-rgb), 0.2);transition:all .3s ease}[data-site=genepool] .card:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb), 0.15);transform:translateY(-4px)}[data-site=genepool] .card-header{background-color:rgba(var(--brand-primary-rgb), 0.05);border-bottom:2px solid var(--brand-primary);color:var(--brand-primary-dark);font-weight:600}[data-site=genepool] .form-control:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.1)}[data-site=genepool] .form-label{color:var(--brand-primary-dark);font-weight:500}[data-site=genepool] .badge-primary{background-color:var(--brand-primary)}[data-site=genepool] .badge-secondary{background-color:var(--brand-secondary)}[data-site=genepool] footer{background-color:#f8f9fa;border-top:3px solid var(--brand-primary);color:#333}[data-site=genepool] footer a{color:var(--brand-primary)}[data-site=genepool] .spinner-border{color:var(--brand-primary)}[data-site=genepool] .progress-bar{background-color:var(--brand-primary)}[data-site=genepool] .tooltip-inner{background-color:var(--brand-primary-dark)}.health-card{border:2px solid var(--brand-primary);background:rgba(var(--brand-primary-rgb), 0.02)}.test-result{border-left:4px solid var(--brand-accent);padding-left:16px}.status-positive{color:#28a745}.status-negative{color:var(--brand-secondary)}@media(max-width: 768px){[data-site=genepool] .hero-section{padding:60px 20px}[data-site=genepool] h1{font-size:28px}}@media print{[data-site=genepool]{--brand-primary: #000;--brand-secondary: #333}}:root[data-site=generecovery]{--brand-primary: #2C5F2D;--brand-secondary: #81C784;--brand-accent: #4CAF50;--brand-primary-rgb: 44, 95, 45;--brand-secondary-rgb: 129, 199, 132;--brand-accent-rgb: 76, 175, 80;--brand-primary-light: #2C5F2D33;--brand-primary-dark: #234c24;--brand-secondary-light: #81C78433;--brand-secondary-dark: #679f69}[data-site=generecovery] .btn-primary{background-color:var(--brand-primary);border-color:var(--brand-primary);color:white;transition:all .3s ease}[data-site=generecovery] .btn-primary:hover{background-color:var(--brand-primary-dark);border-color:var(--brand-primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--brand-primary-rgb), 0.3)}[data-site=generecovery] .btn-primary:focus,[data-site=generecovery] .btn-primary:active{background-color:var(--brand-primary-dark) !important;border-color:var(--brand-primary-dark) !important;box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.3) !important}[data-site=generecovery] .btn-secondary{background-color:var(--brand-secondary);border-color:var(--brand-secondary);color:white}[data-site=generecovery] .btn-secondary:hover{background-color:var(--brand-secondary-dark);border-color:var(--brand-secondary-dark)}[data-site=generecovery] .btn-accent,[data-site=generecovery] .accent{background-color:var(--brand-accent);color:#000}[data-site=generecovery] a{color:var(--brand-primary);text-decoration:none;transition:color .2s ease}[data-site=generecovery] a:hover{color:var(--brand-primary-dark);text-decoration:underline}[data-site=generecovery] .navbar{background-color:white;border-bottom:2px solid var(--brand-primary)}[data-site=generecovery] .navbar-brand{color:var(--brand-primary) !important;font-weight:bold}[data-site=generecovery] .navbar-nav .nav-link{color:#333;transition:all .2s ease}[data-site=generecovery] .navbar-nav .nav-link:hover{color:var(--brand-primary)}[data-site=generecovery] .navbar-nav .nav-link.active{color:var(--brand-primary);font-weight:600;border-bottom:2px solid var(--brand-primary)}[data-site=generecovery] .hero-section,[data-site=generecovery] .banner3-generecovery{background-color:var(--brand-primary);background-image:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);color:white;position:relative;overflow:hidden}[data-site=generecovery] .hero-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("images/background/brain-network-bg.jpg") center/cover no-repeat;opacity:.1;z-index:0}[data-site=generecovery] .hero-content{position:relative;z-index:1}[data-site=generecovery] .card{border:1px solid rgba(var(--brand-primary-rgb), 0.2);transition:all .3s ease}[data-site=generecovery] .card:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb), 0.15);transform:translateY(-4px)}[data-site=generecovery] .card-header{background-color:rgba(var(--brand-primary-rgb), 0.05);border-bottom:2px solid var(--brand-primary);color:var(--brand-primary-dark);font-weight:600}[data-site=generecovery] .form-control:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.1)}[data-site=generecovery] .form-label{color:var(--brand-primary-dark);font-weight:500}[data-site=generecovery] .badge-primary{background-color:var(--brand-primary)}[data-site=generecovery] .badge-secondary{background-color:var(--brand-secondary)}[data-site=generecovery] footer{background-color:#f8f9fa;border-top:3px solid var(--brand-primary);color:#333}[data-site=generecovery] footer a{color:var(--brand-primary)}[data-site=generecovery] .spinner-border{color:var(--brand-primary)}[data-site=generecovery] .progress-bar{background-color:var(--brand-primary)}[data-site=generecovery] .tooltip-inner{background-color:var(--brand-primary-dark)}@media(max-width: 768px){[data-site=generecovery] .hero-section{padding:60px 20px}[data-site=generecovery] h1{font-size:28px}}@media print{[data-site=generecovery]{--brand-primary: #000;--brand-secondary: #333}}:root[data-site=heritablehealth]{--brand-primary: #0077BE;--brand-secondary: #4CAF50;--brand-accent: #FFC107;--brand-primary-rgb: 0, 119, 190;--brand-secondary-rgb: 76, 175, 80;--brand-accent-rgb: 255, 193, 7;--brand-primary-light: #0077BE33;--brand-primary-dark: #005f98;--brand-secondary-light: #4CAF5033;--brand-secondary-dark: #3c8c40}[data-site=heritablehealth] .btn-primary{background-color:var(--brand-primary);border-color:var(--brand-primary);color:white;transition:all .3s ease}[data-site=heritablehealth] .btn-primary:hover{background-color:var(--brand-primary-dark);border-color:var(--brand-primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--brand-primary-rgb), 0.3)}[data-site=heritablehealth] .btn-primary:focus,[data-site=heritablehealth] .btn-primary:active{background-color:var(--brand-primary-dark) !important;border-color:var(--brand-primary-dark) !important;box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.3) !important}[data-site=heritablehealth] .btn-secondary{background-color:var(--brand-secondary);border-color:var(--brand-secondary);color:white}[data-site=heritablehealth] .btn-secondary:hover{background-color:var(--brand-secondary-dark);border-color:var(--brand-secondary-dark)}[data-site=heritablehealth] .btn-accent,[data-site=heritablehealth] .accent{background-color:var(--brand-accent);color:#000}[data-site=heritablehealth] a{color:var(--brand-primary);text-decoration:none;transition:color .2s ease}[data-site=heritablehealth] a:hover{color:var(--brand-primary-dark);text-decoration:underline}[data-site=heritablehealth] .navbar{background-color:white;border-bottom:2px solid var(--brand-primary)}[data-site=heritablehealth] .navbar-brand{color:var(--brand-primary) !important;font-weight:bold}[data-site=heritablehealth] .navbar-nav .nav-link{color:#333;transition:all .2s ease}[data-site=heritablehealth] .navbar-nav .nav-link:hover{color:var(--brand-primary)}[data-site=heritablehealth] .navbar-nav .nav-link.active{color:var(--brand-primary);font-weight:600;border-bottom:2px solid var(--brand-primary)}[data-site=heritablehealth] .hero-section,[data-site=heritablehealth] .banner3-heritablehealth{background-color:var(--brand-primary);background-image:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);color:white;position:relative;overflow:hidden}[data-site=heritablehealth] .hero-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("images/background/family-bg.jpg") center/cover no-repeat;opacity:.1;z-index:0}[data-site=heritablehealth] .hero-content{position:relative;z-index:1}[data-site=heritablehealth] .card{border:1px solid rgba(var(--brand-primary-rgb), 0.2);transition:all .3s ease}[data-site=heritablehealth] .card:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb), 0.15);transform:translateY(-4px)}[data-site=heritablehealth] .card-header{background-color:rgba(var(--brand-primary-rgb), 0.05);border-bottom:2px solid var(--brand-primary);color:var(--brand-primary-dark);font-weight:600}[data-site=heritablehealth] .form-control:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.1)}[data-site=heritablehealth] .form-label{color:var(--brand-primary-dark);font-weight:500}[data-site=heritablehealth] .badge-primary{background-color:var(--brand-primary)}[data-site=heritablehealth] .badge-secondary{background-color:var(--brand-secondary)}[data-site=heritablehealth] footer{background-color:#f8f9fa;border-top:3px solid var(--brand-primary);color:#333}[data-site=heritablehealth] footer a{color:var(--brand-primary)}[data-site=heritablehealth] .spinner-border{color:var(--brand-primary)}[data-site=heritablehealth] .progress-bar{background-color:var(--brand-primary)}[data-site=heritablehealth] .tooltip-inner{background-color:var(--brand-primary-dark)}@media(max-width: 768px){[data-site=heritablehealth] .hero-section{padding:60px 20px}[data-site=heritablehealth] h1{font-size:28px}}@media print{[data-site=heritablehealth]{--brand-primary: #000;--brand-secondary: #333}}:root[data-site=wellmatched]{--brand-primary: #5E60CE;--brand-secondary: #5390D9;--brand-accent: #4EA8DE;--brand-primary-rgb: 94, 96, 206;--brand-secondary-rgb: 83, 144, 217;--brand-accent-rgb: 78, 168, 222;--brand-primary-light: #5E60CE33;--brand-primary-dark: #4b4ca4;--brand-secondary-light: #5390D933;--brand-secondary-dark: #4273ad}[data-site=wellmatched] .btn-primary{background-color:var(--brand-primary);border-color:var(--brand-primary);color:white;transition:all .3s ease}[data-site=wellmatched] .btn-primary:hover{background-color:var(--brand-primary-dark);border-color:var(--brand-primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--brand-primary-rgb), 0.3)}[data-site=wellmatched] .btn-primary:focus,[data-site=wellmatched] .btn-primary:active{background-color:var(--brand-primary-dark) !important;border-color:var(--brand-primary-dark) !important;box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.3) !important}[data-site=wellmatched] .btn-secondary{background-color:var(--brand-secondary);border-color:var(--brand-secondary);color:white}[data-site=wellmatched] .btn-secondary:hover{background-color:var(--brand-secondary-dark);border-color:var(--brand-secondary-dark)}[data-site=wellmatched] .btn-accent,[data-site=wellmatched] .accent{background-color:var(--brand-accent);color:#000}[data-site=wellmatched] a{color:var(--brand-primary);text-decoration:none;transition:color .2s ease}[data-site=wellmatched] a:hover{color:var(--brand-primary-dark);text-decoration:underline}[data-site=wellmatched] .navbar{background-color:white;border-bottom:2px solid var(--brand-primary)}[data-site=wellmatched] .navbar-brand{color:var(--brand-primary) !important;font-weight:bold}[data-site=wellmatched] .navbar-nav .nav-link{color:#333;transition:all .2s ease}[data-site=wellmatched] .navbar-nav .nav-link:hover{color:var(--brand-primary)}[data-site=wellmatched] .navbar-nav .nav-link.active{color:var(--brand-primary);font-weight:600;border-bottom:2px solid var(--brand-primary)}[data-site=wellmatched] .hero-section,[data-site=wellmatched] .banner3-wellmatched{background-color:var(--brand-primary);background-image:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);color:white;position:relative;overflow:hidden}[data-site=wellmatched] .hero-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("images/background/wellmatched-medical-advanced.svg") center/cover no-repeat;opacity:.1;z-index:0}[data-site=wellmatched] .hero-content{position:relative;z-index:1}[data-site=wellmatched] .card{border:1px solid rgba(var(--brand-primary-rgb), 0.2);transition:all .3s ease}[data-site=wellmatched] .card:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb), 0.15);transform:translateY(-4px)}[data-site=wellmatched] .card-header{background-color:rgba(var(--brand-primary-rgb), 0.05);border-bottom:2px solid var(--brand-primary);color:var(--brand-primary-dark);font-weight:600}[data-site=wellmatched] .form-control:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.1)}[data-site=wellmatched] .form-label{color:var(--brand-primary-dark);font-weight:500}[data-site=wellmatched] .badge-primary{background-color:var(--brand-primary)}[data-site=wellmatched] .badge-secondary{background-color:var(--brand-secondary)}[data-site=wellmatched] footer{background-color:#f8f9fa;border-top:3px solid var(--brand-primary);color:#333}[data-site=wellmatched] footer a{color:var(--brand-primary)}[data-site=wellmatched] .spinner-border{color:var(--brand-primary)}[data-site=wellmatched] .progress-bar{background-color:var(--brand-primary)}[data-site=wellmatched] .tooltip-inner{background-color:var(--brand-primary-dark)}@media(max-width: 768px){[data-site=wellmatched] .hero-section{padding:60px 20px}[data-site=wellmatched] h1{font-size:28px}}@media print{[data-site=wellmatched]{--brand-primary: #000;--brand-secondary: #333}}:root[data-site=dnamatchmakers]{--brand-primary: #1A237E;--brand-secondary: #C2185B;--brand-accent: #FFD700;--brand-primary-rgb: 26, 35, 126;--brand-secondary-rgb: 194, 24, 91;--brand-accent-rgb: 255, 215, 0;--brand-primary-light: #1A237E33;--brand-primary-dark: #141c64;--brand-secondary-light: #C2185B33;--brand-secondary-dark: #9b1348}[data-site=dnamatchmakers] .btn-primary{background-color:var(--brand-primary);border-color:var(--brand-primary);color:white;transition:all .3s ease}[data-site=dnamatchmakers] .btn-primary:hover{background-color:var(--brand-primary-dark);border-color:var(--brand-primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--brand-primary-rgb), 0.3)}[data-site=dnamatchmakers] .btn-primary:focus,[data-site=dnamatchmakers] .btn-primary:active{background-color:var(--brand-primary-dark) !important;border-color:var(--brand-primary-dark) !important;box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.3) !important}[data-site=dnamatchmakers] .btn-secondary{background-color:var(--brand-secondary);border-color:var(--brand-secondary);color:white}[data-site=dnamatchmakers] .btn-secondary:hover{background-color:var(--brand-secondary-dark);border-color:var(--brand-secondary-dark)}[data-site=dnamatchmakers] .btn-accent,[data-site=dnamatchmakers] .accent{background-color:var(--brand-accent);color:#000}[data-site=dnamatchmakers] a{color:var(--brand-primary);text-decoration:none;transition:color .2s ease}[data-site=dnamatchmakers] a:hover{color:var(--brand-primary-dark);text-decoration:underline}[data-site=dnamatchmakers] .navbar{background-color:white;border-bottom:2px solid var(--brand-primary)}[data-site=dnamatchmakers] .navbar-brand{color:var(--brand-primary) !important;font-weight:bold}[data-site=dnamatchmakers] .navbar-nav .nav-link{color:#333;transition:all .2s ease}[data-site=dnamatchmakers] .navbar-nav .nav-link:hover{color:var(--brand-primary)}[data-site=dnamatchmakers] .navbar-nav .nav-link.active{color:var(--brand-primary);font-weight:600;border-bottom:2px solid var(--brand-primary)}[data-site=dnamatchmakers] .hero-section,[data-site=dnamatchmakers] .banner3-dnamatchmakers{background-color:var(--brand-primary);background-image:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);color:white;position:relative;overflow:hidden}[data-site=dnamatchmakers] .hero-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("images/background/dnamatchmakers-hero.webp") center/cover no-repeat;opacity:.1;z-index:0}[data-site=dnamatchmakers] .hero-content{position:relative;z-index:1}[data-site=dnamatchmakers] .card{border:1px solid rgba(var(--brand-primary-rgb), 0.2);transition:all .3s ease}[data-site=dnamatchmakers] .card:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb), 0.15);transform:translateY(-4px)}[data-site=dnamatchmakers] .card-header{background-color:rgba(var(--brand-primary-rgb), 0.05);border-bottom:2px solid var(--brand-primary);color:var(--brand-primary-dark);font-weight:600}[data-site=dnamatchmakers] .form-control:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.1)}[data-site=dnamatchmakers] .form-label{color:var(--brand-primary-dark);font-weight:500}[data-site=dnamatchmakers] .badge-primary{background-color:var(--brand-primary)}[data-site=dnamatchmakers] .badge-secondary{background-color:var(--brand-secondary)}[data-site=dnamatchmakers] footer{background-color:#f8f9fa;border-top:3px solid var(--brand-primary);color:#333}[data-site=dnamatchmakers] footer a{color:var(--brand-primary)}[data-site=dnamatchmakers] .spinner-border{color:var(--brand-primary)}[data-site=dnamatchmakers] .progress-bar{background-color:var(--brand-primary)}[data-site=dnamatchmakers] .tooltip-inner{background-color:var(--brand-primary-dark)}@media(max-width: 768px){[data-site=dnamatchmakers] .hero-section{padding:60px 20px}[data-site=dnamatchmakers] h1{font-size:28px}}@media print{[data-site=dnamatchmakers]{--brand-primary: #000;--brand-secondary: #333}}:root[data-site=datingwingman]{--brand-primary: #7B68EE;--brand-secondary: #FF69B4;--brand-accent: #FFD700;--brand-primary-rgb: 123, 104, 238;--brand-secondary-rgb: 255, 105, 180;--brand-accent-rgb: 255, 215, 0;--brand-primary-light: #7B68EE33;--brand-primary-dark: #6253be;--brand-secondary-light: #FF69B433;--brand-secondary-dark: #cc5490}[data-site=datingwingman] .btn-primary{background-color:var(--brand-primary);border-color:var(--brand-primary);color:white;transition:all .3s ease}[data-site=datingwingman] .btn-primary:hover{background-color:var(--brand-primary-dark);border-color:var(--brand-primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--brand-primary-rgb), 0.3)}[data-site=datingwingman] .btn-primary:focus,[data-site=datingwingman] .btn-primary:active{background-color:var(--brand-primary-dark) !important;border-color:var(--brand-primary-dark) !important;box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.3) !important}[data-site=datingwingman] .btn-secondary{background-color:var(--brand-secondary);border-color:var(--brand-secondary);color:white}[data-site=datingwingman] .btn-secondary:hover{background-color:var(--brand-secondary-dark);border-color:var(--brand-secondary-dark)}[data-site=datingwingman] .btn-accent,[data-site=datingwingman] .accent{background-color:var(--brand-accent);color:#000}[data-site=datingwingman] a{color:var(--brand-primary);text-decoration:none;transition:color .2s ease}[data-site=datingwingman] a:hover{color:var(--brand-primary-dark);text-decoration:underline}[data-site=datingwingman] .navbar{background-color:white;border-bottom:2px solid var(--brand-primary)}[data-site=datingwingman] .navbar-brand{color:var(--brand-primary) !important;font-weight:bold}[data-site=datingwingman] .navbar-nav .nav-link{color:#333;transition:all .2s ease}[data-site=datingwingman] .navbar-nav .nav-link:hover{color:var(--brand-primary)}[data-site=datingwingman] .navbar-nav .nav-link.active{color:var(--brand-primary);font-weight:600;border-bottom:2px solid var(--brand-primary)}[data-site=datingwingman] .hero-section,[data-site=datingwingman] .banner3-datingwingman{background-color:var(--brand-primary);background-image:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);color:white;position:relative;overflow:hidden}[data-site=datingwingman] .hero-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("images/background/datingwingman-hero.webp") center/cover no-repeat;opacity:.1;z-index:0}[data-site=datingwingman] .hero-content{position:relative;z-index:1}[data-site=datingwingman] .card{border:1px solid rgba(var(--brand-primary-rgb), 0.2);transition:all .3s ease}[data-site=datingwingman] .card:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb), 0.15);transform:translateY(-4px)}[data-site=datingwingman] .card-header{background-color:rgba(var(--brand-primary-rgb), 0.05);border-bottom:2px solid var(--brand-primary);color:var(--brand-primary-dark);font-weight:600}[data-site=datingwingman] .form-control:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.1)}[data-site=datingwingman] .form-label{color:var(--brand-primary-dark);font-weight:500}[data-site=datingwingman] .badge-primary{background-color:var(--brand-primary)}[data-site=datingwingman] .badge-secondary{background-color:var(--brand-secondary)}[data-site=datingwingman] footer{background-color:#f8f9fa;border-top:3px solid var(--brand-primary);color:#333}[data-site=datingwingman] footer a{color:var(--brand-primary)}[data-site=datingwingman] .spinner-border{color:var(--brand-primary)}[data-site=datingwingman] .progress-bar{background-color:var(--brand-primary)}[data-site=datingwingman] .tooltip-inner{background-color:var(--brand-primary-dark)}.chat-bubble{background:var(--brand-primary);color:white;border-radius:18px;padding:12px 20px}.chat-bubble.user{background:var(--brand-secondary)}.ai-thinking{color:var(--brand-accent);animation:pulse 2s infinite}@keyframes pulse{}@media(max-width: 768px){[data-site=datingwingman] .hero-section{padding:60px 20px}[data-site=datingwingman] h1{font-size:28px}}@media print{[data-site=datingwingman]{--brand-primary: #000;--brand-secondary: #333}}
/* === project_b5_consolidated.css === */
.alert-debug{background-color:#fff;border-color:#d6e9c6;color:#000}.alert-error{background-color:#f2dede;border-color:#eed3d7;color:#b94a48}.dropdown-menu{pointer-events:auto !important}.match-action a.vote{display:block;width:100%;height:100%;text-decoration:none;cursor:pointer}.match-action a.vote i,.match-action a.vote svg{pointer-events:none}.navbar-nav>li>a,.navbar-nav .nav-link{padding-top:10px;padding-bottom:10px;font-size:12px}@media (min-width:768px) and (max-width:1048px){.navbar-nav>li>a,.navbar-nav .nav-link{padding-top:10px;padding-bottom:10px;font-size:12px}}@media (max-width:338px){.navbar-brand+div{display:none !important}}@media (max-width:1046px){.navbar-brand+div{display:none !important}}@media (min-width:339px) and (max-width:767px){.navbar-brand+div{display:flex !important}}@media (max-width:767px){.navbar-collapse{width:50% !important;position:absolute !important;right:0 !important;top:50px !important;background-color:transparent !important;padding:15px !important}.navbar-toggler{position:relative !important;z-index:1040 !important}.navbar{position:relative !important;z-index:1030 !important}.navbar-nav .show .dropdown-menu{position:static !important;float:none !important;width:auto !important;margin-top:0 !important;background-color:#fff !important;border:none !important;box-shadow:none !important}.navbar-nav .dropdown-menu .dropdown-item{padding:10px 20px !important;font-size:16px !important;color:#333 !important;display:flex !important;align-items:center !important}.navbar-nav .dropdown-menu .dropdown-item:hover{background-color:#f5f5f5 !important;color:#0F75BD !important}}[hidden][style="display:block;"]{display:block !important}.svg-icon{display:inline-block;align-self:center;position:relative}.svg-icon:hover{-webkit-filter:drop-shadow(2px 2px 2px #666);filter:drop-shadow(2px 2px 2px #666)}.svg-icon-active{-webkit-filter:drop-shadow(2px 2px 2px #F785BD);filter:drop-shadow(2px 2px 2px #F785BD)}#page-alert{margin-top:50px}#dislike_white:hover{fill:#F785BD}.white-text{color:whitesmoke}.pink-text{color:#F43896}.blue-text{color:#1C76BC}.rounded-svg-icon-container{display:inline-block}.rounded-svg-icon-container object{display:inline-block;vertical-align:middle}.rounded-svg-icon{font-size:1.5em}object{pointer-events:none}.img-xlg{width:160px;height:160px}.email-link{padding-top:8px}#id_sexual_preference{-webkit-padding-start:0px;margin:0px;padding:0px}#id_sexual_preference li{list-style-type:none}input[type=file]{-webkit-appearance:none;-moz-appearance:none;-display:inline-block;appearance:none}.profile-form,.settings-form,.pay-form,.premium-checkbox{width:70%;margin-left:auto;margin-right:auto}textarea#id_bio{max-height:100px}.settings-form{margin-top:2em}.pay-form{margin-bottom:2em}.pay-form>p{font-size:16px}.form-inline .form-group input[type=number]{width:70px}.alert-debug{background-color:#fff;border-color:#d6e9c6;color:#000}.alert-error{background-color:#f2dede;border-color:#eed3d7;color:#b94a48}.navbar{border-radius:0px}@media (max-width:47.9em){.navbar-nav .nav-item{display:inline-block;float:none;width:100%}.navbar-nav .nav-item+.nav-item{margin-left:0}.nav.navbar-nav.pull-xs-right{float:none !important}}[hidden][style="display:block;"]{display:block !important}.svg-icon{display:inline-block;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;position:relative}.svg-icon:hover{filter:drop-shadow(2px 2px 2px #666)}.svg-icon-active{filter:drop-shadow(2px 2px 2px #F785BD)}#dislike_white:hover{fill:#F785BD}.white-text{color:whitesmoke}.pink-text{color:#F43896}.blue-text{color:#1C76BC}.rounded-svg-icon-container{display:inline-block}.rounded-svg-icon-container object{display:inline-block;vertical-align:middle}.rounded-svg-icon{font-size:1.5em}object{pointer-events:none}.img-xlg{width:160px;height:160px}.img-xxlg{width:220px;height:220px}.email-link{padding-top:8px}#id_sexual_preference{-webkit-padding-start:0px;margin:0px;padding:0px}#id_sexual_preference li{list-style-type:none}input[type=file]{-webkit-appearance:none;-moz-appearance:none;-display:inline-block;appearance:none}.form-inline .form-group input[type=number]{width:70px}.no-scroll{position:fixed;overflow:hidden;top:0;left:0;right:0;bottom:0}.navbar-mobile-open{cursor:pointer}.match-panels{display:inline-block;background-color:transparent;border:0;border-radius:0;box-shadow:none}.match-panel{border-radius:0.5em;border:1px solid #D7D7DD}.match-panel-body{padding:30px 30px}.match-panel-container{display:flex;align-items:center}.match-panel-left{flex:1 1 0}.match-panel-right{flex:3 1 0;text-align:left;padding-left:3em}.match-info{color:#313131;font-size:1.2em;display:inline-block;vertical-align:middle}.match-info:hover{text-decoration:none}.match-info-header{display:inline-block;vertical-align:middle}.match-info-icon{color:#313131;font-size:0.8em;display:inline-block;vertical-align:middle}.match-info-icon:hover{text-decoration:none}.match-location{color:#313131;font-size:0.9em;margin-top:0.2em}.color-red{color:#FF0039}.border-red{border:2px solid #FF0039 !important}.border-none{border:2px solid none !important}.color-blue{color:#1274BF}.color-purple{color:#A466ED}.pill{display:inline-block;background-color:white;box-shadow:0px 1px 6px rgba(0,0,0,0.2);padding:0.3em 0.5em;border-radius:15em}.pill-block{display:table;margin-right:auto;margin-bottom:10px}.pill img{display:inline-block;height:38px;width:38px}.pill span{display:inline-block;vertical-align:middle;font-weight:bold;font-size:1em}.match-action{border:1px solid #EAE4F5;display:inline-block;border-radius:50%;padding:0.75em;margin-right:1em;position:relative;size:70%}@media (max-width:368px){.match-action{margin:0px}.match-action.match-action-like,.match-action.match-action-maybe,.match-action.match-action-dislike,.match-action.match-action-message{margin:0px}}.match-action.match-action-like,.match-action.match-action-maybe{padding:1.5em}.explanation-p{padding:0 5%}.table-how{width:100%;border-bottom:2px solid #367ebd}.button-width{width:100%}.match-data{margin-top:2em;margin-bottom:2em}.match-data .pill{margin-right:1em}.match-page-content{text-align:center}.match-data-mobile{display:inline-block}.match-data .personality-pill{margin-top:1em;margin-left:auto;margin-right:auto}.endless_more{font-size:2em}@media (max-width:950px){.personality-data{display:inline-block;vertical-align:top;position:relative}}@media (min-width:1000px){.personality-data{float:left;margin-bottom:5px;display:table;vertical-align:top;position:relative}}.circle-position{border-radius:50%;background-color:#0F75BD;position:relative;width:100%;height:auto;padding-top:100%}.circle-smaller{background-color:none;justify-content:center;align-items:center;text-align:center;display:flex;position:absolute;padding:0 35px;color:white}.text-circle{color:white}@media (max-width:321px){.text-circle{margin-top:-130%;font-size:20px;line-height:30px}.grid-container-index{margin-right:-30%}}@media (min-width:322px) and (max-width:400px){.text-circle{margin-top:-130%;font-size:20px;line-height:30px}.grid-container-index{margin-left:0%;margin-right:0%}}@media (min-width:402px) and (max-width:767px){.text-circle{margin-top:-130%;font-size:25px;line-height:30px}.grid-container-index{margin-left:3%;margin-right:0%}}@media (min-width:768px){.text-circle{margin-top:-130%;font-size:25px;line-height:30px}.grid-container-index{margin-left:10%;margin-right:10%}.first-p{display:block;padding-left:30%;padding-right:30%;padding-bottom:2%}.explanation-p{padding:0 5%}}.match-info-verbose{margin:1em}.match-bio p{white-space:pre-line;text-align:left}.filters-container{position:fixed;z-index:1;color:#AFABB9;font-size:1em;text-align:left}.filters-container input[type=submit],.filters-container a{width:100%;background-color:transparent;border:1px solid #3B419A;border-radius:0.5em;color:#3B419A;padding:5px;margin-bottom:2px}.filters-container input[type=submit]:hover,.filters-container a:hover{background-color:#3B419A;color:white;border-radius:25px;padding:10px 20px}.filters-container a.last_filter_btn:hover{background-color:green}.filters-container select,.filters-container input,.filters-container select::placeholder,.filters-container input::placeholder{color:#707070;font-weight:bold}.filters-container select{-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0.5em;width:100% !important;background-color:white;border:1px solid #F1F1F6;background-color:white;outline:none}.filters-container .form-group{width:100%}.filters-container #div_id_distance{display:block;margin-bottom:1em}.filters-container #div_id_min_age,.filters-container #div_id_max_age,.filters-container #div_id_min_height,.filters-container #div_id_max_height,.filters-container #div_id_min_weight,.filters-container #div_id_max_weight{display:inline-block;width:48%;margin-bottom:1em}.filters-container #div_id_min_age input,.filters-container #div_id_max_age input,.filters-container #div_id_min_height input,.filters-container #div_id_max_height input,.filters-container #div_id_min_weight input,.filters-container #div_id_max_weight input{display:inline-block;width:100%;border-radius:0.5em}.filters-container #div_id_min_DNA,.filters-container #div_id_min_personality{margin-bottom:1em}.filters-container #div_id_min_DNA input,.filters-container #div_id_min_personality input{width:100%;border-radius:0.5em}.filters-container #div_id_max_age,.filters-container #div_id_max_height,.filters-container #div_id_max_weight{margin-left:0.5em;float:right}.filters-container #div_id_dna_matches_only,.filters-container .filters{margin-bottom:1em}.filters-container .checkbox-scrollable>div,.profile-form .checkbox-scrollable>div{max-height:100px;overflow-y:auto;padding:6px 12px;border-radius:0.5em;border:1px solid #F1F1F6;background-color:white;outline:none;margin-right:10px}.message-title,.message-button{display:inline-block;padding:0;margin:0}.message-button{border:1px solid #D7D7DD;background-color:white;color:#AFABB9;padding:0.3em 0.5em;border-radius:0.5em}.message-button img{display:inline-block;margin-right:0.3em;height:12px;width:12px;vertical-align:middle}.message-title{margin-left:0.5em;color:#514C5C;font-weight:bold;font-size:1.2em}.pm_message{border:1px solid #D7D7DD;border-top-left-radius:0.5em;border-top-right-radius:0.5em}.message-sender-name{color:#514C5C;font-weight:600;font-size:1.1em;display:inline-block;margin-left:0.5em}.pm_date{margin-right:1em}.message-meta-container{margin-bottom:2em;display:flex;align-items:center}.pm_header{padding:0;height:auto}.pm_header_content{padding:1em;display:flex;justify-content:space-between;align-items:center}.pm_body{padding:1em}.message-header{display:flex}.pm_me{background-color:#FC6486;color:white;margin-left:2em}.pm_me .pm_header,.pm_me .pm_sender,.pm_me .message-sender-name{color:white}.pm_me .pm_header::after{border-bottom:1px solid rgba(255,255,255,0.2)}.pm_reply_container{width:100%;background-color:white;border:1px solid #D7D7DD;padding:1.5em;border-radius:0.5em}.pm_reply_container h2{padding:0;margin:0;font-size:1.1em}.pm_reply_container textarea{-webkit-appearance:none;appearance:none;resize:none;flex:10 1 0;width:100%;border:1px solid #D7D7DD;border-radius:0.5em;max-height:60px}.pm_reply_container #pm_reply{display:flex;margin-top:1em;align-items:center}.pm_reply_container button{border:0;-webkit-appearance:none;appearance:none;flex:0 0 0;width:100%;display:inline-block;margin:0em 1em;background-color:white;border-radius:50%;padding:1em 1.1em 1em 1em;border:1px solid #EAE4F5;box-shadow:1px 0px 4px rgba(0,0,0,0.1)}.pm_reply_container button img{display:inline-block;width:25px;height:25px}.unread_count{background-color:red;float:right;border-radius:50%;width:20px;height:20px;text-align:center;color:white;font-size:0.8em;vertical-align:middle;line-height:20px;font-weight:bold}.message-options-container{display:flex;justify-content:space-between;align-items:center}#pm_sort_options .pm_by_mode.non_active{color:#FF0039;background-color:white;border:1px solid #D7D7DD;font-weight:600;padding:0.3em 1.5em}#pm_sort_options .pm_by_mode a{background-color:#F1F1F6;color:#AFABB9;border:1px solid #D7D7DD;padding:0.3em 1.5em;font-weight:600}#pm_sort_options .pm_by_mode:first-child,#pm_sort_options .pm_by_mode:first-child a{border-top-left-radius:0.5em;border-bottom-left-radius:0.5em}#pm_sort_options .pm_by_mode:last-child a,#pm_sort_options .pm_by_mode:last-child{border-top-right-radius:0.5em;border-bottom-right-radius:0.5em}#pm_sort_options span,#pm_sort_options a{display:inline-block;vertical-align:middle}#pm_sort_options{display:flex}#pm_messages{margin-top:2em;background-color:white;border-radius:0.5em;margin-bottom:0}#pm_messages th a{color:#AFABB9;font-weight:600}#pm_messages td{padding:1em;vertical-align:middle}.message-profile-picture{margin-right:1em}.navbar-menu-unread-badge{height:5px;width:5px;border-radius:50%;background-color:#FF0035;position:absolute;top:5px;right:5px}.pm_messages_container{overflow-x:auto;margin-bottom:1em}.match-action .tooltiptext,.personality-data .tooltiptext{visibility:hidden;width:120px;background-color:black;color:#fff;text-align:center;padding:5px 5px;border-radius:6px;position:absolute;z-index:1;top:100%;left:50%;margin-left:-60px}.match-action:hover .tooltiptext,.personality-data:hover .tooltiptext{visibility:visible}.testimonial-text{padding-right:10em}.testimonial{display:table-cell}.testimonial-img{width:200%}.dnaparent{display:grid;grid-template-columns:repeat(2,30%);grid-column-gap:3%;place-content:center}.dnaoption1{grid-area:1/1/2/2;padding:5%;width:100%;height:fit-content;border:3px solid #1A76BB;border-radius:25px;background-color:white;box-shadow:5px 5px 20px rgb(192,192,192)}.dnaoption2{grid-area:1/2/2/3;padding:5%;width:100%;height:fit-content;border:3px solid #1A76BB;border-radius:25px;background-color:white;box-shadow:5px 5px 20px rgb(192,192,192)}.howto-grid{display:grid;grid-template-columns:repeat(3,22%);grid-column-gap:5%;place-content:center}.howto-1{grid-area:1/1/2/2}.howto-2{grid-area:1/2/2/3}.howto-3{grid-area:1/3/2/4}.readmore-1{grid-area:2/1/3/2}.readmore-2{grid-area:2/2/3/3}.readmore-3{grid-area:2/3/3/4}@media screen and (max-width:900px){.dnaparent{display:grid;grid-template-columns:15% 75% 15%;grid-column-gap:5%;grid-row-gap:3%;place-content:center}.dnaoption1{grid-area:1/2/2/3}.dnaoption2{grid-area:2/2/3/3}.howto-grid{display:grid;grid-template-columns:20% 60% 20%;grid-column-gap:5%;place-content:center}.howto-1{grid-area:1/2/2/3}.readmore-1{grid-area:2/2/3/3}.howto-2{grid-area:3/2/4/3;margin-top:5%}.readmore-2{grid-area:4/2/5/3}.howto-3{grid-area:5/2/6/3;margin-top:5%}.readmore-3{grid-area:6/2/7/3}}@media screen and (max-width:450px){.dnaparent{display:grid;grid-template-columns:5% 90% 5%;grid-column-gap:5%;grid-row-gap:2%;place-content:center}.dnaoption1{grid-area:1/2/2/3}.dnaoption2{grid-area:2/2/3/3}.howto-grid{display:grid;grid-template-columns:10% 80% 10%;grid-column-gap:5%;place-content:center}}.dnafont{font-size:14px;margin-top:10px;line-height:17px}.dnafont-small{font-size:12px;margin-top:0px;line-height:17px}.dnaimg{padding-right:10%}@media (max-width:768px){#postman{margin-top:1em}.message-options-container{flex-direction:column}#pm_buttons{margin-top:1em;margin-bottom:1em}.first-p{display:block;padding-left:5%;padding-right:5%;padding-bottom:1%}.explanation-p{padding:0 5%}}@media (max-width:392px){#pm_buttons button,.message-button{font-size:0.75em}.message-title{font-size:1em}}.unlock-mobile-container{background:rgb(255,43,18);background:linear-gradient(0deg,rgb(255,43,18) 0%,rgb(255,96,21) 100%);max-width:343px;margin:0 auto;height:151px;position:relative;display:none;flex-direction:column;justify-content:center;align-items:center;border-radius:1em;cursor:pointer;margin-bottom:15px}.unlock-mobile-container::before{content:""}.unlock-mobile-bg{display:block;width:100%;position:absolute;top:-20px;left:-25px}.unlock-mobile-header{color:white;font-size:1.1em;font-weight:bold;margin-bottom:1em}.unlock-mobile-subheader{color:#FF3913;background-color:white;border-radius:0.5em;padding:0.7em 1.5em;font-weight:bold;font-size:1.1em;display:flex;align-items:center}.unlock-mobile-sh-icon{margin-left:1em}.unlock-desktop-container{margin-top:1em;max-width:666px;height:75px;position:relative;background-color:white;border-radius:1em;border:1px solid #F1F1F6;display:flex;justify-content:space-between;align-items:center;background-image:url(../img/cta_heart_graphics_long.svg);background-repeat:no-repeat;background-position:bottom 0 right -80px;margin-bottom:15px}.unlock-desktop-bg{position:absolute;top:0;right:0;display:block}.unlock-desktop-header{color:#313131;opacity:0.7;font-size:1.1em;font-weight:bold;margin-left:1em}.unlock-desktop-sh-icon{margin-left:1em}.unlock-desktop-subheader{color:white;font-size:1em;line-height:2em;font-weight:bold;margin-left:1em;display:flex;align-items:right;margin-top:10px;padding-top:10px}.unlock-desktop-subheader-ladies-night{text-align:center;overflow:hidden}.unlock-desktop-sh-icon-ladies-night{width:100%;max-width:664px;height:auto;margin:0 auto}@media (max-width:480px){.unlock-mobile-header{font-size:0.9em}.unlock-mobile-subheader{font-size:0.9em}}.sale-banner-desktop{margin-top:1em;max-width:666px;position:relative;cursor:pointer;margin-bottom:15px;display:flex}.sale-banner-mobile{max-width:343px;margin:0 auto;position:relative;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;margin-bottom:15px;display:none}.badge-img{height:60px}.inline-img{height:20px}.premium-desc,.premium-checkbox{font-size:15px;margin-top:10px;color:#222222;list-style:none}.premium-plans-selection{text-align:center;font-size:20px}.premium-plan,.selected-loyalty{display:inline-block;margin:5px}.premium-saving,.premium-total{color:#DBE9F6;height:28px}.premium-length{font-size:25px;font-weight:bold;color:#222222}.premium-length-loyalty{font-size:25px;font-weight:bold;color:#222222;background-color:#DBE9F6}.radio-option{border:5px solid #DBE9F6}.radio-option.selected{border:5px solid #0f75bd;color:#0f75bd;border-radius:10px;display:inline-block}.radio-option.selected-loyalty.selected{border:5px solid #bd0f60;color:#ffffff;background-color:#bd0f60;border-radius:10px;display:inline-block}.premium-total-loyalty,.premium-saving-loyalty{color:#DBE9F6;height:28px}.radio-option.selected .premium-saving,.radio-option.selected .premium-total{background-color:#0f75bd}.subscribe-btn,.pay-btn{background-color:#0f75bd;color:white;font-size:25px;padding:5px 15px;border-radius:25px;border:1px solid transparent;box-shadow:0 1px 3px 0 #e6ebf1;transition:box-shadow 150ms ease;margin-top:1em}.StripeElement{box-sizing:border-box;height:100%;width:100%;margin-top:5px;padding:10px 12px;border:1px solid transparent;border-radius:4px;background-color:white;box-shadow:0 1px 3px 0 #e6ebf1;-webkit-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;color:"#32325d";font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:16px}.StripeElement::placeholder{color:#aab7c4}.StripeElement--focus{box-shadow:0 1px 3px 0 #cfd7df}.StripeElement--invalid{border-color:#fa755a}.StripeElement--webkit-autofill{background-color:#fefde5 !important}.half-width{width:calc(50% - 2.5px)}.quarter-width{width:calc(25% - 1.25px)}.fieldset{margin:0 15px 30px;padding:0;border-style:none;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between}.disableClick{pointer-events:none}@media (max-width:992px){.profile-form,.settings-form,.pay-form,.premium{width:auto;margin:2em 2em}.match-panel-container{flex-direction:column}.match-panels{max-width:368px;width:100%}.match-panel-body{padding:0;padding-bottom:30px}.match-panel-left{width:100%;flex:initial}.match-panel-left img{width:100%;height:auto;display:block;border-radius:0}.match-panel-right{padding:0;text-align:center;width:100%;flex:initial;position:relative}.match-action{margin:0 0.5em;padding:0.75em}.match-action.match-action-like,.match-action.match-action-maybe{padding:1em}.match-data .pill{margin-left:0.5em;margin-right:0.5em}.match-info-container{position:absolute;top:-120px;left:0;right:0;width:100%;text-align:center;padding-top:1 em;height:73px;background-image:url(../img/gradient_shadow.svg);background-size:cover}.match-data{margin-top:1em}.pill img{width:28px;height:28px}.pill span{font-size:0.8em}.match-info{color:white}.match-location{color:rgba(255,255,255,0.6)}.match-data-mobile{display:block}.match-info-icon{color:white}#page-content.messages-page-content{padding-top:60px}.unlock-mobile-container,.sale-banner-mobile{display:flex}.unlock-desktop-container,.sale-banner-desktop{display:none}}.modal-dialog{width:85%}.modal-header::after{border-bottom:none}.modal-header .btn-close{font-size:40px}@media (min-width:768px){.modal-dialog{width:680px}}.filter-img{width:25px}.show-more-matches{width:200px;border-radius:25px;background-color:#0F75BD;border:#357ebd;color:white}.show-more-matches:hover{color:white}.c-card-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}.c-card{border:1px solid lightgray;border-radius:2rem;margin:0.5rem;padding:1.75rem;text-align:left;width:300px}.c-card:hover{border:1px solid #206fd6;box-shadow:0px 0px 25px 5px rgba(0,0,0,0.1);transform:scale(1.025)}.c-card-company{font-size:32px;font-weight:bold;width:100%}.c-card-date{color:#808080;font-size:1.5rem}.c-card-quote{font-size:1.5rem;font-style:italic}.c-card-quotation{font-size:3rem;font-weight:bold}.c-media-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}.c-media{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:1px solid lightgray;border-radius:2rem;margin:2rem;padding:2rem;text-align:center}.c-media-image{max-height:300px}.c-media-download{margin-top:2rem}.c-text-shadow{text-shadow:0px 0px 10px black}.carousel-title{text-align:center;padding-bottom:15px}.fine-print{font-size:10px;color:#9c9ea9;margin-top:5px}#hover_div #hover_a{position:relative;color:blue}#hover_div #hover_a #hover_span{position:absolute;display:none;z-index:99}#hover_div #hover_a:hover #hover_span{display:block}.invalid-feedback,.errorlist{color:red}.couples-report-dashboard{padding-top:80px;background:#f8f9fa;min-height:100vh}.couples-report-dashboard .dashboard-header{background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%);color:white;padding:3rem 0;margin-bottom:3rem;border-radius:0 0 50px 50px;box-shadow:0 10px 30px rgba(0,0,0,0.1)}.couples-report-dashboard .dashboard-header h1{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,0.2)}.couples-report-dashboard .dashboard-header p{font-size:1.2rem;opacity:0.9}.couples-report-dashboard .couples-card{background:white;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 5px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;border:1px solid #e9ecef}.couples-report-dashboard .couples-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.12)}.couples-report-dashboard .couples-card .card-header{border-bottom:2px solid #f0f0f0;padding-bottom:1rem;margin-bottom:1.5rem}.couples-report-dashboard .couples-card .card-header h3{color:#0F75BD;font-weight:600;margin:0}.couples-report-dashboard .couples-card .partner-email{color:#F72C93;font-weight:500;font-size:1.1rem}.couples-report-dashboard .couples-card .action-buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.couples-report-dashboard .couples-card .action-buttons .btn{flex:1;min-width:120px;border-radius:25px;padding:0.75rem 1.5rem;font-weight:500;transition:all 0.3s ease}.couples-report-dashboard .couples-card .action-buttons .btn.btn-primary{background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%);border:none}.couples-report-dashboard .couples-card .action-buttons .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(15,117,189,0.3)}.couples-report-dashboard .couples-card .action-buttons .btn.btn-secondary{background:#0F75BD;border:none}.couples-report-dashboard .couples-card .action-buttons .btn.btn-secondary:hover{background:rgb(11.25,87.75,141.75);transform:translateY(-2px)}.couples-report-dashboard .couples-card .action-buttons .btn.btn-danger{background:#dc3545;border:none}.couples-report-dashboard .couples-card .action-buttons .btn.btn-danger:hover{background:rgb(189.2151898734,32.7848101266,47.7721518987);transform:translateY(-2px)}.couples-report-dashboard .create-report-section{background:white;border-radius:20px;padding:3rem;text-align:center;box-shadow:0 5px 20px rgba(0,0,0,0.08);margin-top:3rem}.couples-report-dashboard .create-report-section h2{color:#0F75BD;margin-bottom:1rem}.couples-report-dashboard .create-report-section p{color:#6c757d;margin-bottom:2rem}.couples-report-dashboard .create-report-section .btn-create{background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%);color:white;border:none;border-radius:30px;padding:1rem 3rem;font-size:1.1rem;font-weight:600;transition:all 0.3s ease}.couples-report-dashboard .create-report-section .btn-create:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(15,117,189,0.3)}.couples-report-content .report-section{background:white;border-radius:20px;padding:3rem;margin-bottom:2rem;box-shadow:0 5px 20px rgba(0,0,0,0.08)}.couples-report-content .report-section h2{color:#0F75BD;font-weight:700;margin-bottom:2rem;position:relative;padding-bottom:1rem}.couples-report-content .report-section h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%)}.couples-report-content .report-section h3{color:#F72C93;font-weight:600;margin-top:2rem;margin-bottom:1rem}.couples-report-content .compatibility-score{text-align:center;padding:2rem}.couples-report-content .compatibility-score .score-circle{width:150px;height:150px;margin:0 auto 2rem;position:relative}.couples-report-content .compatibility-score .score-circle .score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:700;background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.couples-report-content .traits-comparison .trait-row{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #f0f0f0;transition:all 0.3s ease}.couples-report-content .traits-comparison .trait-row:hover{background:#f8f9fa}.couples-report-content .traits-comparison .trait-row .trait-label{flex:1;font-weight:500;color:#495057}.couples-report-content .traits-comparison .trait-row .trait-value{flex:2;display:flex;gap:2rem}.couples-report-content .traits-comparison .trait-row .trait-value .partner-value{flex:1;text-align:center;padding:0.5rem;border-radius:10px;background:#f8f9fa}.couples-report-content .traits-comparison .trait-row .trait-value .partner-value.partner-1{border:2px solid #0F75BD}.couples-report-content .traits-comparison .trait-row .trait-value .partner-value.partner-2{border:2px solid #F72C93}.value-proposition-card{background:white;border-radius:15px;padding:2rem;height:100%;box-shadow:0 5px 15px rgba(0,0,0,0.08);transition:all 0.3s ease;position:relative;overflow:hidden}.value-proposition-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%)}.value-proposition-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.12)}.value-proposition-card .icon-wrapper{width:70px;height:70px;background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.value-proposition-card .icon-wrapper i{font-size:2rem;color:white}.value-proposition-card h4{color:#0F75BD;font-weight:600;margin-bottom:1rem}.value-proposition-card p{color:#6c757d;line-height:1.6}@media (max-width:768px){.couples-report-dashboard .dashboard-header h1{font-size:2rem}.couples-report-dashboard .couples-card{padding:1.5rem}.couples-report-dashboard .couples-card .action-buttons{flex-direction:column}.couples-report-dashboard .couples-card .action-buttons .btn{width:100%}.couples-report-content .report-section{padding:1.5rem}}.footer3{padding-top:3rem !important;background-color:#2c3e50 !important;color:#ecf0f1 !important}.footer3 address,.footer3 a,.footer3 p,.footer3 .footer-text,.footer3 .footer-link,.footer3 .footer-link-large{background-color:transparent !important;background:none !important;padding:0 !important;border-radius:0 !important}.footer3 .footer-text{color:#ecf0f1 !important;font-size:14px;line-height:1.6}.footer3 .footer-link{color:#3498db !important;text-decoration:underline}.footer3 .footer-link:hover{color:#F72C93 !important;background-color:transparent !important;background:none !important;text-decoration:underline}.footer3 .footer-link-large{color:#ffffff !important;font-weight:500;text-decoration:none;font-size:16px}.footer3 .footer-link-large:hover{color:#F72C93 !important;background-color:transparent !important;background:none !important;text-decoration:underline}.footer3 .footer-address{background:transparent !important;border:none !important;padding:0 !important}.footer3 .footer-address p{color:#ecf0f1 !important;background:none !important}h1.c-text-shadow{text-shadow:none !important}.blog-preview-image{height:auto !important;max-height:400px !important;object-fit:contain !important;width:100% !important;transition:transform 0.3s ease}.blog-preview-image:hover{transform:scale(1.05)}@media (max-width:768px){.blog-preview-image{max-height:250px !important}}.press-card{transition:all 0.3s ease;border-radius:12px;overflow:hidden}.press-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.15) !important}.press-card:hover .press-icon{transform:scale(1.1)}.press-card .card-body{min-height:250px;display:flex;flex-direction:column}.press-card .press-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:transform 0.3s ease}.press-card .press-icon i{font-size:1.5rem}.press-card .card-title{font-size:1.1rem;color:#333}.press-card h6{flex-grow:0;font-size:1rem;line-height:1.4}.press-card .card-text{flex-grow:1;display:flex;align-items:center;line-height:1.5}@media (max-width:991px){.press-card .card-body{min-height:200px}}@media (max-width:575px){.press-card .press-icon{width:40px;height:40px}.press-card .press-icon i{font-size:1.25rem}.press-card .card-title{font-size:1rem}}.documentary-section{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);padding:80px 0;position:relative;overflow:hidden}.documentary-section::before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(15,117,189,0.1) 0%,transparent 70%);animation:float 20s ease-in-out infinite}.documentary-section .section-title{font-size:3rem;font-weight:700;color:#0F75BD;margin-bottom:3rem;position:relative}.documentary-section .section-title::after{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(to right,#0F75BD,#F72C93);border-radius:2px}.documentary-section .video-container{position:relative;background:white;border-radius:20px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,0.1);overflow:hidden}.documentary-section .video-container::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(to right,#0F75BD,#F72C93)}.documentary-section .video-container .video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px}.documentary-section .video-container .video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.documentary-section .video-container .video-description{margin-top:2rem;font-size:1.2rem;line-height:1.8;color:#555;text-align:center}.documentary-section .video-container .video-description .highlight{color:#0F75BD;font-weight:600}.documentary-section .video-container .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:rgba(15,117,189,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;z-index:10}.documentary-section .video-container .play-button:hover{background:rgb(15,117,189);transform:translate(-50%,-50%) scale(1.1)}.documentary-section .video-container .play-button i{color:white;font-size:2rem;margin-left:5px}@keyframes float{0%,100%{transform:rotate(0deg)}50%{transform:rotate(180deg)}}@media (max-width:768px){.documentary-section{padding:60px 0}.documentary-section .section-title{font-size:2.5rem}.documentary-section .video-container{padding:15px}.documentary-section .video-container .video-description{font-size:1.1rem}}.research-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;padding:2rem 0}@media (min-width:1400px){.research-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:992px) and (max-width:1399px){.research-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:576px) and (max-width:991px){.research-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.research-grid{grid-template-columns:1fr;gap:1rem}}.research-card{background:#fff;border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,0.08);transition:all 0.3s ease;overflow:hidden;height:100%;display:flex;flex-direction:column}.research-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.12)}.research-card .card-header{background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%);padding:1rem 1.25rem;border:none;position:relative}.research-card .card-header .card-number{position:absolute;top:10px;right:15px;width:30px;height:30px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;color:white;font-size:0.875rem}.research-card .card-header h4{margin:0;font-size:1.1rem;font-weight:600}.research-card .card-header h4 a{color:white !important;text-decoration:none;display:flex;align-items:center;gap:0.5rem;transition:opacity 0.3s ease}.research-card .card-header h4 a:hover{opacity:0.9}.research-card .card-header h4 a i{font-size:0.875rem;transition:transform 0.3s ease}.research-card .card-header h4 a[aria-expanded="true"] i{transform:rotate(45deg)}.research-card .card-body{padding:1.25rem;flex:1}.research-card .card-body p{margin-bottom:1rem;font-size:0.95rem;line-height:1.6;color:#555}.research-card .card-body p:last-child{margin-bottom:0}.research-card .card-body p a{color:#0F75BD;text-decoration:none;font-weight:500;transition:color 0.3s ease}.research-card .card-body p a:hover{color:#F72C93;text-decoration:underline}.research-card .card-body strong{color:#F72C93;font-size:1.2rem}.research-card .collapse .card-body{border-top:1px solid rgba(0,0,0,0.08)}.text-primary{color:#0F75BD !important}.card .card-header{background-color:#f5f5f5}.card .card-header a{color:#333 !important}.card .card-header a:hover{color:#0F75BD !important}.section-icon{margin-bottom:2rem;opacity:0.8;animation:float 4s ease-in-out infinite}.banner3{background-image:url(../images/background/couple.webp);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:700px;position:relative;display:flex;align-items:center}.banner3::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:1}.banner3 .container,.banner3 .banner3-content{position:relative;z-index:2}.banner3-dnaromance,#topp{background-image:url(../images/background/couple.webp);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:700px;position:relative;display:flex;align-items:center}.banner3-dnaromance::before,#topp::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:1}.banner3-dnaromance .container,.banner3-dnaromance .banner3-content,#topp .container,#topp .banner3-content{position:relative;z-index:2}.banner3-datemetrix{background-image:url(../images/background/Personalities.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:700px;position:relative;display:flex;align-items:center}.banner3-datemetrix::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 135deg,rgba(255,20,147,0.4) 0%,rgba(30,144,255,0.4) 100% );z-index:1}.banner3-datemetrix .container,.banner3-datemetrix .banner3-content{position:relative;z-index:2}.banner3-genepool{background-image:url(../images/genepool/3pannel.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:700px;position:relative;display:flex;align-items:center}.banner3-genepool::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 135deg,rgba(0,128,0,0.4) 0%,rgba(70,130,180,0.4) 100% );z-index:1}.banner3-genepool .container,.banner3-genepool .banner3-content{position:relative;z-index:2}@media (max-width:1024px) and (min-width:769px){.banner3,#topp{background-image:url(../images/background/couple-skyline.jpeg)}.webp .banner3,.webp #topp,.banner3.webp,#topp.webp{background-image:url(../images/background/couple-skyline.webp)}.no-webp .banner3,.no-webp #topp,.banner3.no-webp,#topp.no-webp{background-image:url(../images/background/couple-skyline.jpeg)}}@media (max-width:768px){.banner3,#topp{min-height:500px;background-attachment:scroll;background-image:url(../images/background/couple-skyline.jpeg)}.webp .banner3,.webp #topp,.banner3.webp,#topp.webp{background-image:url(../images/background/couple-skyline.webp)}.no-webp .banner3,.no-webp #topp,.banner3.no-webp,#topp.no-webp{background-image:url(../images/background/couple-skyline.jpeg)}}.bg-primary,[class*="bg-blue"],[style*="background:#0F75BD"],[style*="background-color:#0F75BD"],[style*="background:rgb(15,117,189)"],[style*="background-color:rgb(15,117,189)"]{color:#ffffff !important}.bg-primary h1,.bg-primary h2,.bg-primary h3,.bg-primary h4,.bg-primary h5,.bg-primary h6,.bg-primary p,.bg-primary span,.bg-primary div,.bg-primary li,.bg-primary a,.bg-primary .text-primary,.bg-primary .color-primary,.bg-primary .blue-text,[class*="bg-blue"] h1,[class*="bg-blue"] h2,[class*="bg-blue"] h3,[class*="bg-blue"] h4,[class*="bg-blue"] h5,[class*="bg-blue"] h6,[class*="bg-blue"] p,[class*="bg-blue"] span,[class*="bg-blue"] div,[class*="bg-blue"] li,[class*="bg-blue"] a,[class*="bg-blue"] .text-primary,[class*="bg-blue"] .color-primary,[class*="bg-blue"] .blue-text,[style*="background:#0F75BD"] h1,[style*="background:#0F75BD"] h2,[style*="background:#0F75BD"] h3,[style*="background:#0F75BD"] h4,[style*="background:#0F75BD"] h5,[style*="background:#0F75BD"] h6,[style*="background:#0F75BD"] p,[style*="background:#0F75BD"] span,[style*="background:#0F75BD"] div,[style*="background:#0F75BD"] li,[style*="background:#0F75BD"] a,[style*="background:#0F75BD"] .text-primary,[style*="background:#0F75BD"] .color-primary,[style*="background:#0F75BD"] .blue-text,[style*="background-color:#0F75BD"] h1,[style*="background-color:#0F75BD"] h2,[style*="background-color:#0F75BD"] h3,[style*="background-color:#0F75BD"] h4,[style*="background-color:#0F75BD"] h5,[style*="background-color:#0F75BD"] h6,[style*="background-color:#0F75BD"] p,[style*="background-color:#0F75BD"] span,[style*="background-color:#0F75BD"] div,[style*="background-color:#0F75BD"] li,[style*="background-color:#0F75BD"] a,[style*="background-color:#0F75BD"] .text-primary,[style*="background-color:#0F75BD"] .color-primary,[style*="background-color:#0F75BD"] .blue-text{color:#ffffff !important}.bg-primary a,[class*="bg-blue"] a,[style*="background:#0F75BD"] a,[style*="background-color:#0F75BD"] a{color:#ffffff !important;text-decoration:underline}.bg-primary a:hover,[class*="bg-blue"] a:hover,[style*="background:#0F75BD"] a:hover,[style*="background-color:#0F75BD"] a:hover{color:#F72C93 !important}.gradient-primary h1.text-primary,.gradient-primary h1.color-primary,.gradient-primary h1.blue-text,.gradient-primary h2.text-primary,.gradient-primary h2.color-primary,.gradient-primary h2.blue-text,.gradient-primary h3.text-primary,.gradient-primary h3.color-primary,.gradient-primary h3.blue-text,.gradient-primary h4.text-primary,.gradient-primary h4.color-primary,.gradient-primary h4.blue-text,.gradient-primary h5.text-primary,.gradient-primary h5.color-primary,.gradient-primary h5.blue-text,.gradient-primary h6.text-primary,.gradient-primary h6.color-primary,.gradient-primary h6.blue-text,.gradient-primary p.text-primary,.gradient-primary p.color-primary,.gradient-primary p.blue-text,[style*="linear-gradient"] h1.text-primary,[style*="linear-gradient"] h1.color-primary,[style*="linear-gradient"] h1.blue-text,[style*="linear-gradient"] h2.text-primary,[style*="linear-gradient"] h2.color-primary,[style*="linear-gradient"] h2.blue-text,[style*="linear-gradient"] h3.text-primary,[style*="linear-gradient"] h3.color-primary,[style*="linear-gradient"] h3.blue-text,[style*="linear-gradient"] h4.text-primary,[style*="linear-gradient"] h4.color-primary,[style*="linear-gradient"] h4.blue-text,[style*="linear-gradient"] h5.text-primary,[style*="linear-gradient"] h5.color-primary,[style*="linear-gradient"] h5.blue-text,[style*="linear-gradient"] h6.text-primary,[style*="linear-gradient"] h6.color-primary,[style*="linear-gradient"] h6.blue-text,[style*="linear-gradient"] p.text-primary,[style*="linear-gradient"] p.color-primary,[style*="linear-gradient"] p.blue-text{color:#ffffff !important}.webp .banner3-datemetrix,.banner3-datemetrix.webp{background-image:url(../images/background/Personalities.webp)}.no-webp .banner3-datemetrix,.banner3-datemetrix.no-webp{background-image:url(../images/background/Personalities.png)}.webp .banner3-genepool,.banner3-genepool.webp{background-image:url(../images/genepool/3pannel.webp)}.no-webp .banner3-genepool,.banner3-genepool.no-webp{background-image:url(../images/genepool/3pannel.jpeg)}
/* === personality-test-responsive.css === */
:root{--font-size-xs:0.875rem;--font-size-sm:1rem;--font-size-base:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--touch-target-min:48px;--touch-target-comfort:60px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-base:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--border-radius-sm:0.375rem;--border-radius-base:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem}.personality-test-heading,.test-header h1,.game-wrapper h1{font-size:var(--font-size-3xl);line-height:1.2;font-weight:700}.personality-test-subheading,.test-header .lead,.game-wrapper .subheading{font-size:var(--font-size-lg);line-height:1.4;font-weight:500}.personality-test-question,#question,.question-text{font-size:var(--font-size-xl);line-height:1.4;font-weight:600}.personality-test-choice,.choice-text{font-size:var(--font-size-base);line-height:1.4;font-weight:400}.personality-test-button,.choice-container,.btn-personality{min-height:var(--touch-target-comfort);padding:var(--spacing-base) var(--spacing-lg);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.personality-test-progress{min-height:24px;border-radius:var(--border-radius-base)}@media (min-width:769px){:root{--font-size-3xl:3rem;--font-size-xl:1.75rem;--font-size-lg:1.375rem}.personality-test-button{min-height:56px;padding:var(--spacing-lg) var(--spacing-xl)}}@media (min-width:577px) and (max-width:768px){:root{--font-size-3xl:2.25rem;--font-size-xl:1.375rem;--font-size-lg:1.125rem;--font-size-base:1rem}.personality-test-button,.choice-container{min-height:56px;padding:0.875rem var(--spacing-lg)}.personality-test-progress{min-height:22px}}@media (max-width:576px){:root{--font-size-3xl:1.75rem;--font-size-xl:1.25rem;--font-size-lg:1rem;--font-size-base:0.95rem}.personality-test-button,.choice-container{min-height:var(--touch-target-min);padding:0.75rem var(--spacing-base);font-size:var(--font-size-base)}.personality-test-progress{min-height:20px}.personality-test-choices{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width:400px){:root{--font-size-3xl:1.5rem;--font-size-xl:1.125rem;--spacing-base:0.75rem}.personality-test-button,.choice-container{padding:0.625rem var(--spacing-sm)}}@media (max-height:500px) and (orientation:landscape){:root{--font-size-3xl:1.5rem;--font-size-xl:1.125rem;--spacing-xl:1rem;--spacing-lg:0.75rem}.personality-test-button,.choice-container{min-height:40px;padding:0.5rem var(--spacing-base)}.personality-test-section{padding:var(--spacing-base) 0}}@media (hover:none) and (pointer:coarse){.personality-test-button:hover,.choice-container:hover{transform:none}.personality-test-button:active,.choice-container:active{transform:scale(0.98);transition:transform 0.1s ease}.personality-test-button,.choice-container{touch-action:manipulation}}@media (prefers-reduced-motion:reduce){.personality-test-button,.choice-container,.personality-test-progress{transition:none;animation:none}.personality-test-button:hover,.choice-container:hover{transform:none}}@media (prefers-contrast:high){.personality-test-button,.choice-container{border-width:2px;border-style:solid}}@media print{.personality-test-section{background:white !important}.personality-test-button,.choice-container{border:1px solid #000 !important;background:white !important;color:black !important;box-shadow:none !important}}@media (prefers-color-scheme:dark){:root{--text-primary:#f8f9fa;--text-secondary:#dee2e6;--bg-primary:#212529;--bg-secondary:#343a40;--border-color:#495057}.personality-test-section{background:var(--bg-primary);color:var(--text-primary)}.personality-test-button,.choice-container{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.personality-test-question{color:var(--text-primary)}}.game-wrapper h1{font-size:var(--font-size-3xl)}.game-wrapper .subheading{font-size:var(--font-size-lg)}#question{font-size:var(--font-size-xl)}.choice-text{font-size:var(--font-size-base)}.btn-personality{min-height:var(--touch-target-comfort);padding:var(--spacing-base) var(--spacing-lg)}.app-logo{border-radius:var(--border-radius-lg);transition:all 0.3s ease}.results-header h1,.type-badge{font-size:var(--font-size-3xl)}.description-header{font-size:var(--font-size-lg)}.description-content{font-size:var(--font-size-base);line-height:1.6}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.personality-test-button,.choice-container{border-width:0.5px}}.personality-test-button,.choice-container{transform:translate3d(0,0,0);will-change:transform}@media (min-width:769px){.personality-test-button:hover,.choice-container:hover{transform:translate3d(0,-2px,0)}}