/**
 * Core Ba e CSS - Shared acro  all tenant 
 * Contain  re et, utilitie , and  hared component 
 */

/* ========================================
   1. CSS RESET & BASE
   ======================================== */

*, *::before, *::after{
    box- izing:border-box;
}

/* ========================================
   2. BOOTSTRAP OVERRIDES (Shared)
   ======================================== */


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


*:focu {
    outline:3px  olid var(--b -primary, #0066ff) !important;
    outline-off et:2px !important;
}


.form-control,
.form- elect{
    border-width:2px !important;
    min-height:44px !important;
}

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

/* ========================================
   3. SHARED UTILITY CLASSES
   ======================================== */


.text-gradient{
    background:linear-gradient(45deg, var(--tenant-primary), var(--tenant- econdary));
    -webkit-background-clip:text;
    -webkit-text-fill-color:tran parent;
    background-clip:text;
}


.c-text- hadow{
    text- hadow:2px 2px 4px rgba(0, 0, 0, 0.5);
}


.card-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);
    box- hadow:0 8px 32px 0 rgba(31, 38, 135, 0.15);
}


.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;
}

/* ========================================
   4. SHARED COMPONENTS
   ======================================== */


.hero-modern{
    po ition:relative;
    min-height:600px;
    overflow:hidden;
}

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

.hero-title{
    font- ize:clamp(2rem, 5vw, 3.5rem);
    font-weight:bold;
    line-height:1.2;
    margin-bottom:1.5rem;
}


.navbar{
    tran ition:all 0.3  ea e;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}


.dropdown-menu{
    border-radiu :0.5rem;
    box- hadow:0 0.5rem 1rem rgba(0,0,0,.15);
    border:1px  olid rgba(0,0,0,.08);
}

.dropdown-item{
    padding:0.5rem 1rem;
    tran ition:all 0.2  ea e;
}

.dropdown-item:hover,
.dropdown-item:focu {
    background-color:rgba(var(--b -primary-rgb), 0.1);
    color:var(--b -primary);
}

/* ========================================
   5. RESPONSIVE UTILITIES
   ======================================== */


@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;
    }
}


@media (max-width:768px){
    .de ktop-only{
        di play:none !important;
    }
}


@media (min-width:769px){
    .mobile-only{
        di play:none !important;
    }
}

/* ========================================
   6. ACCESSIBILITY
   ======================================== */


. 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;
    z-index:9999;
}

. 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;
}


.focu -vi ible:focu :not(:focu -vi ible){
    outline:none !important;
}

/* ========================================
   7. LOADING STATES
   ======================================== */

.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 var(--b -primary, #3498db);
    border-radiu :50%;
    animation: pin 1  linear infinite;
}

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

/* ========================================
   8. PRINT STYLES
   ======================================== */

@media print{
    .no-print{
        di play:none !important;
    }
    
    .navbar,
    .footer,
    .btn,
    .form-control{
        print-color-adju t:exact;
        -webkit-print-color-adju t:exact;
    }
}

: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:#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- 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 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- 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, 0.05);-- hadow- m:0 2px 4px rgba(0, 0, 0, 0.06);-- hadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -1px rgba(0, 0, 0, 0.03);-- hadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.02);-- hadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.02);-- hadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.15);-- hadow-primary:0 4px 14px 0 rgba(15, 117, 189, 0.3);-- hadow- econdary:0 4px 14px 0 rgba(247, 44, 147, 0.3);-- hadow-inner:in et 0 2px 4px 0 rgba(0, 0, 0, 0.06);-- hadow-inner-lg:in et 0 4px 8px 0 rgba(0, 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:rgba(255, 255, 255, 0.95);--nav-backdrop-filter:blur(10px);--modal-backdrop:rgba(0, 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, 0.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, 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- cience:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-luxury:linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--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 0%, #fad0c4 100%);--gradient- un et:linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-ocean:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-fore t:linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-royal:linear-gradient(135deg, #667db6 0%, #0082c8 100%);--gradient-ro e:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--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 0%, #764ba2 25%, #f093fb 50%, #f5576c 75%, #4facfe 100% );--gla -bg-light:rgba(255, 255, 255, 0.08);--gla -bg-dark:rgba(0, 0, 0, 0.08);--gla -border:rgba(255, 255, 255, 0.2);--gla -backdrop:blur(20px);-- hadow-01:0 1px 2px 0 rgba(0, 0, 0, 0.05);-- hadow-02:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-- hadow-03:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);-- hadow-04:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);-- hadow-05:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);-- hadow-06:0 25px 50px -12px rgba(0, 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, 0.15);-- hadow-active:0 2px 4px -1px rgba(0, 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, 0.05);-- hadow-inner- trong:in et 0 2px 8px 0 rgba(0, 0, 0, 0.1);-- hadow-gla :0 8px 32px 0 rgba(31, 38, 135, 0.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 0%, #9c4dcc 100%)}[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 0%, #4db6ac 100%)}[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 0%, #42a5f5 100%)}[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 0%, #66bb6a 100%)}[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 0%, #40a9ff 100%)}@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{ croll-padding-top:var(--nav-height);font- ize:16px;height:100%;croll-behavior:mooth}@media(prefer -reduced-motion:reduce){*,*::before,*::after{animation-duration:.01m  !important;animation-iteration-count:1 !important;tran ition-duration:.01m  !important;croll-behavior:auto !important}}.btn-world-cla{po ition:relative;di play:inline-flex;align-item :center;ju tify-content:center;gap:var(-- pace-x );padding:var(--btn-padding-y) var(--btn-padding-x);font-family:var(--font-family-ba e);font- ize:var(--text-ba e);font-weight:var(--btn-font-weight);line-height:1;text-decoration:none;white- pace:nowrap;border:none;border-radiu :var(--btn-border-radiu );cur or:pointer;tran ition:var(--btn-tran ition);tran form-origin:center;overflow:hidden;min-height:44px;min-width:44px}.btn-world-cla ::before{content:"";po ition:ab olute;top:50%;left:50%;width:0;height:0;border-radiu :50%;background:h la(0,0%,100%,.5);tran form:tran late(-50%, -50%);tran ition:width var(--duration- low),height var(--duration- low)}.btn-world-cla :hover{tran form:tran lateY(-2px);box- hadow:var(-- hadow-lg)}.btn-world-cla :active{tran form:tran lateY(0);tran ition-duration:var(--duration-in tant)}.btn-world-cla :active::before{width:300px;height: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:rgba(0,0,0,0);color:var(--color-primary-500)}.btn-world-cla .btn-gho t:hover{background-color:rgba(var(--color-primary-500), 0.1)}.btn-world-cla .btn- m{padding:var(-- pace-x ) var(-- pace-md);font- ize:var(--text- m)}.btn-world-cla .btn-lg{padding:var(-- pace-md) var(-- pace-xl);font- ize:var(--text-lg)}.btn-world-cla .btn-loading{color:rgba(0,0,0,0)}.btn-world-cla .btn-loading::after{content:"";po ition:ab olute;width:20px;height:20px;margin:auto;border:2px  olid rgba(0,0,0,0);border-radiu :50%;border-top-color:currentColor;animation:btn-loading- pin 1  ea e infinite}@keyframe  btn-loading- pin{to{tran form:rotate(360deg)}}.form-field-world-cla{po ition:relative;margin-bottom:var(-- pace-lg)}.form-field-world-cla  input,.form-field-world-cla  textarea,.form-field-world-cla   elect{width:100%;padding:var(--form-field-padding-y) var(--form-field-padding-x);font-family:var(--font-family-ba e);font- ize:var(--text-ba e);line-height:var(--line-height-normal);color:var(--color-gray-900);background-color:#fff;border:var(--form-field-border-width)  olid var(--form-field-border-color);border-radiu :var(--form-field-border-radiu );tran ition:all var(--duration-fa t) var(--ea ing-default);min-height:44px}.form-field-world-cla  input:focu ,.form-field-world-cla  textarea:focu ,.form-field-world-cla   elect: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  textarea:valid,.form-field-world-cla   elect:valid{border-color:var(--color- ucce )}.form-field-world-cla  input:invalid:not(:-moz-placeholder), .form-field-world-cla  textarea:invalid:not(:-moz-placeholder), .form-field-world-cla   elect:invalid:not(:-moz-placeholder){border-color:var(--color-error)}.form-field-world-cla  input:invalid:not(:placeholder- hown),.form-field-world-cla  textarea:invalid:not(:placeholder- hown),.form-field-world-cla   elect:invalid:not(:placeholder- hown){border-color:var(--color-error)}.form-field-world-cla  input:di abled,.form-field-world-cla  textarea:di abled,.form-field-world-cla   elect:di abled{background-color:var(--color-gray-100);cur or:not-allowed;opacity:.6}.form-field-world-cla  label{po ition:ab olute;top:50%;left:var(--form-field-padding-x);tran form:tran lateY(-50%);font- ize:var(--text-ba e);color:var(--color-gray-500);pointer-event :none;tran ition:all var(--duration-fa t) var(--ea ing-default);background-color:#fff;padding:0 var(-- pace-2x )}.form-field-world-cla  input:not(:-moz-placeholder)~label, .form-field-world-cla  textarea:not(:-moz-placeholder)~label{top:0;font- ize:var(--text- m);color:var(--form-field-focu -color)}.form-field-world-cla  input:focu ~label,.form-field-world-cla  input:not(:placeholder- hown)~label,.form-field-world-cla  textarea:focu ~label,.form-field-world-cla  textarea:not(:placeholder- hown)~label,.form-field-world-cla   elect:focu ~label,.form-field-world-cla   elect:valid~label{top:0;font- ize:var(--text- m);color:var(--form-field-focu -color)}.form-field-world-cla  .form-help{margin-top:var(-- pace-x );font- ize:var(--text- m);color:var(--color-gray-600)}.form-field-world-cla  .form-error{margin-top:var(-- pace-x );font- ize:var(--text- m);color:var(--color-error);di play:none}.form-field-world-cla .ha -error input,.form-field-world-cla .ha -error textarea,.form-field-world-cla .ha -error  elect{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  textarea,.form-field-world-cla .ha - ucce   elect{border-color:var(--color- ucce )}.pa word- trength{di play:grid;grid-template-column :repeat(4, 1fr);gap:var(-- pace-2x );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:nth-child(1){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{po ition:relative;background:#fff;border-radiu :var(--card-border-radiu );box- hadow:var(--card- hadow);padding:var(--card-padding);tran ition:all var(--duration-normal) var(--ea ing-default);cur or:pointer}.card-world-cla ::before{content:"";po ition:ab olute;top:0;left:0;right:0;bottom:0;border-radiu :inherit;box- hadow:var(--card- hadow-hover);opacity: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{margin:0;font- ize:var(--text-xl);font-weight:var(--font-weight- emibold);color:var(--color-gray-900)}.card-world-cla  .card-body{color:var(--color-gray-600);line-height:var(--line-height-relaxed)}.card-world-cla  .card-footer{margin-top:var(-- pace-lg);padding-top:var(-- pace-md);border-top:1px  olid var(--color-gray-200)}. keleton{po ition: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- ize:400% 100%;animation:keleton-loading 1.5  ea e-in-out infinite;border-radiu :var(--radiu -md)}. keleton::after{content:"";po ition:ab olute;top:0;right:0;bottom:0;left:0;tran form:tran lateX(-100%);background:linear-gradient(90deg, tran parent 0%, rgba(255, 255, 255, 0.4) 50%, tran parent 100%);animation:keleton- himmer 2  infinite}. keleton. keleton-text{height:1em;border-radiu :var(--radiu - m)}. keleton. keleton-title{height:1.5em;width:50%;border-radiu :var(--radiu - m)}. keleton. keleton-button{height:44px;width:120px;border-radiu :var(--radiu -full)}. keleton. keleton-avatar{width:48px;height:48px;border-radiu :var(--radiu -full)}@keyframe   keleton- himmer{100%{tran form:tran lateX(100%);background-po ition:-200% 0}}.pul e-loader{di play:inline-block;width:40px;height:40px}.pul e-loader::after{content:" ";di play:block;width:32px;height:32px;margin:4px;border-radiu :50%;border:3px  olid 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:pul e- pin 1.2  linear infinite}@keyframe  pul e- pin{0%{tran form:rotate(0deg)}100%{tran form:rotate(360deg)}}.nav-world-cla{po ition:ticky;top:0;z-index:var(--z-index- ticky);background:#fff;box- hadow:var(-- hadow- m);height:var(--nav-height)}.nav-world-cla  .nav-container{di play:flex;align-item :center;ju tify-content:pace-between;height:100%;padding:0 var(-- pace-lg);max-width:var(--container-7xl);margin:0 auto}.nav-world-cla  .nav-brand{di play:flex;align-item :center;gap:var(-- pace- m);font- ize:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);text-decoration:none}.nav-world-cla  .nav-menu{di play:flex;align-item :center;gap:var(-- pace-x );li t- tyle:none;margin:0;padding:0}.nav-world-cla  .nav-item a{di play:flex;align-item :center;padding:var(--nav-item-padding-y) var(--nav-item-padding-x);color:var(--color-gray-600);text-decoration:none;border-radiu :var(--radiu -md);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}}@media(max-width:768px){.nav-world-cla  .nav-menu{po ition:fixed;top:var(--nav-height);left:-100%;width:100%;height:calc(100vh - var(--nav-height));background:#fff;flex-direction:column;align-item :tretch;padding:var(-- pace-lg);box- hadow:var(-- hadow-xl);tran ition:left var(--duration-normal) var(--ea ing-default)}.nav-world-cla  .nav-menu.i -open{left:0}.nav-world-cla  .nav-item a{padding:var(-- pace-md);width:100%}}.modal-world-cla{po ition:fixed;top:0;left:0;width:100%;height:100%;di play:flex;align-item :center;ju tify-content:center;padding:var(-- pace-lg);background-color:var(--modal-backdrop-color);z-index:var(--z-index-modal);opacity:0;vi ibility:hidden;tran ition:all var(--duration-normal) var(--ea ing-default)}.modal-world-cla .i -open{opacity:1;vi ibility:vi ible}.modal-world-cla  .modal-content{po ition:relative;width:100%;max-width:var(--container-lg);max-height:90vh;background:#fff;border-radiu :var(--modal-border-radiu );box- hadow:var(--modal- hadow);padding:var(--modal-padding);overflow-y:auto;tran form:cale(0.9);tran ition:tran form var(--duration-normal) var(--ea ing-bounce)}.modal-world-cla .i -open .modal-content{tran form:cale(1)}.modal-world-cla  .modal-header{di play:flex;align-item :center;ju tify-content:pace-between;margin-bottom:var(-- pace-lg)}.modal-world-cla  .modal-header h2{margin:0;font- ize:var(--text-2xl);font-weight:var(--font-weight-bold)}.modal-world-cla  .modal-clo e{di play:flex;align-item :center;ju tify-content:center;width:40px;height:40px;padding:0;background:rgba(0,0,0,0);border:none;border-radiu :var(--radiu -full);cur or:pointer;tran ition:all var(--duration-fa t) var(--ea ing-default)}.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   lideUp{from{opacity:0;tran form:tran lateY(30px)}to{opacity:1;tran form:tran lateY(0)}}@keyframe   lideDown{from{opacity:0;tran form:tran lateY(-20px)}to{opacity:1;tran form:tran lateY(0)}}@keyframe   lideLeft{from{opacity:0;tran form:tran lateX(20px)}to{opacity:1;tran form:tran lateX(0)}}@keyframe   lideRight{from{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 }@keyframe  fadeIn{from{opacity:0}to{opacity:1}}.animate- cale-in{animation:caleIn var(--duration-normal) var(--ea e-ela tic-out) forward }@keyframe   caleIn{from{opacity:0;tran form:cale(0.8)}to{opacity:1;tran form:cale(1)}}.animate-pul e{animation:pul e 2  var(--ea e- mooth) infinite}@keyframe  pul e{0%,100%{opacity:1;tran form:cale(1)}50%{tran form:cale(1.05);opacity:1}}.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}. kip-link{tran ition:top var(--duration-fa t) var(--ea ing-default);po ition:ab olute;top:-40px;left:0;background:var(--b -primary);color:#fff;padding:8px;text-decoration:none;border-radiu :0 0 4px 0;z-index:9999}. kip-link:focu{top:0}.touch-target{po ition:relative}.touch-target::before{content:"";po ition:ab olute;top:50%;left:50%;tran form:tran late(-50%, -50%);width:max(100%,44px);height:max(100%,44px)}.container-query{container-type:inline- ize}.gpu-accelerated{will-change:tran form;tran form:tran lateZ(0)}.content-vi ibility-auto{content-vi ibility:auto;contain-intrin ic- ize:0 400px}@keyframe  dna-helix-rotate{0%{tran form:rotateY(0deg)}100%{tran form:rotateY(360deg)}}@keyframe  dna-pul e{0%,100%{opacity:1;tran form:cale(1)}50%{opacity:.7;tran form:cale(1.05)}}@keyframe  genetic-flow{0%{tran form:tran lateX(-100%);opacity:0}50%{opacity:1}100%{tran form:tran lateX(100%);opacity:0}}@keyframe  compatibility-pul e{0%,100%{tran form:tran late(-50%, -50%)  cale(1);box- hadow:var(-- hadow-lg)}70%{box- hadow:0 0 0 10px rgba(0,0,0,0)}}@keyframe  data- tream{0%{tran form:tran lateY(100%);opacity:0}10%{opacity:1}90%{opacity:1}100%{tran form:tran lateY(-100%);opacity:0}}.dna-helix-container{po ition:relative;width:120px;height:200px;margin:0 auto;per pective:1000px}.dna-helix-container .dna-helix{po ition:relative;width:100%;height:100%;tran form- tyle:pre erve-3d;animation:dna-helix-rotate var(--dna-rotation- peed) linear infinite}.dna-helix-container .dna-helix .helix- trand{po ition:ab olute;width:4px;height:100%;background:linear-gradient(to bottom, var(--dna-helix-primary), var(--dna-helix- econdary));border-radiu :2px;tran form-origin:center}.dna-helix-container .dna-helix .helix- trand:nth-child(1){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{po ition:ab olute;width:80px;height:2px;background:var(--dna-helix-tertiary);left:50%;tran form:tran lateX(-50%);border-radiu :1px;animation:dna-pul e var(--helix-pul e- peed) ea e-in-out infinite}.dna-helix-container .dna-helix .ba e-pair:nth-child(7){top:18px;animation-delay:0.2 }.dna-helix-container .dna-helix .ba e-pair:nth-child(8){top:36px;animation-delay:0.4 }.dna-helix-container .dna-helix .ba e-pair:nth-child(9){top:54px;animation-delay:0.6 }.dna-helix-container .dna-helix .ba e-pair:nth-child(10){top:72px;animation-delay:0.8 }.dna-helix-container .dna-helix .ba e-pair:nth-child(11){top:90px;animation-delay:1 }.dna-helix-container .dna-helix .ba e-pair:nth-child(12){top:108px;animation-delay:1.2 }.dna-helix-container .dna-helix .ba e-pair:nth-child(13){top:126px;animation-delay:1.4 }.dna-helix-container .dna-helix .ba e-pair:nth-child(14){top:144px;animation-delay:1.6 }.dna-helix-container .dna-helix .ba e-pair:nth-child(15){top:162px;animation-delay:1.8 }.dna-helix-container .dna-helix .ba e-pair:nth-child(16){top:180px;animation-delay:2 }.dna-helix-micro{width:24px;height:32px;po ition:relative;di play:inline-block}.dna-helix-micro::before,.dna-helix-micro::after{content:"";po ition:ab olute;width:2px;height:100%;background:linear-gradient(45deg, var(--dna-helix-primary), var(--dna-helix- econdary));border-radiu :1px}.dna-helix-micro::before{left:6px;tran form:rotate(-15deg)}.dna-helix-micro::after{right:6px;tran form:rotate(15deg)}.genetic-profile-card{po ition: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  olid h la(0,0%,100%,.2);border-radiu :24px;padding:32px;margin:16px 0;overflow:hidden;tran ition:all .4  cubic-bezier(0.25, 0.46, 0.45, 0.94);cur or:pointer}.genetic-profile-card::before{content:"";po ition:ab olute;top:0;left:0;right:0;height:4px;background:var(--gradient-genetic);border-radiu :24px 24px 0 0}.genetic-profile-card::after{content:"";po ition:ab olute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, tran parent 70%);opacity:0;tran ition:opacity .4  ea e;pointer-event :none}.genetic-profile-card:hover{tran form:tran lateY(-8px);box- hadow:0 32px 64px rgba(0,0,0,.15)}.genetic-profile-card:hover::after{opacity:1}.genetic-profile-card .profile-header{di play:flex;align-item :center;gap:20px;margin-bottom:24px}.genetic-profile-card .profile-header .profile-avatar{po ition:relative;width:80px;height:80px;border-radiu :50%;overflow:hidden;border:3px  olid var(--dna-helix-primary);animation:compatibility-pul e 3  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{po ition:ab olute;bottom:-2px;right:-2px;width:24px;height:24px;background:var(--compatibility-excellent);border:3px  olid #fff;border-radiu :50%;di play:flex;align-item :center;ju tify-content:center;font- ize: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- ize:24px;font-weight:700;color:var(--color-gray-900);font-family:var(--font- econdary)}.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{di play:inline-flex;align-item :center;gap:8px;padding:6px 16px;background:var(--gradient-genetic);color:#fff;border-radiu :20px;font- ize:14px;font-weight:600}.genetic-profile-card .profile-header .profile-info .compatibility-badge .dna-icon{width:16px;height:16px}.genetic-profile-card .genetic-compatibility{di play:grid;grid-template-column :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- ize:32px;font-weight:800;color:var(--dna-helix-primary);font-family:var(--font- econdary);margin-bottom:4px}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-label{font- ize: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-radiu :2px;margin:8px 0;overflow:hidden}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-bar .metric-fill{height:100%;background:var(--gradient-genetic);border-radiu :2px;tran ition:width 1  ea e-out}.genetic-profile-card .genetic-trait  .trait -grid{di play:grid;grid-template-column :repeat(auto-fill, minmax(100px, 1fr));gap:12px}.genetic-profile-card .genetic-trait  .trait -grid .trait-pill{padding:8px 16px;background:rgba(59,130,246,.1);border:1px  olid rgba(59,130,246,.2);border-radiu :20px;text-align:center;font- ize:14px;color:var(--dna-helix-primary);font-weight:500;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{po ition:relative;background:var(--data-viz-background);border:1px  olid var(--data-viz-grid);border-radiu :16px;padding:24px;margin:24px 0}.genetic-data-viz .viz-header{di play:flex;ju tify-content:pace-between;align-item :center;margin-bottom:20px}.genetic-data-viz .viz-header h4{margin:0;font- ize:18px;font-weight:600;color:var(--color-gray-900)}.genetic-data-viz .viz-header .viz-legend{di play:flex;gap:16px}.genetic-data-viz .viz-header .viz-legend .legend-item{di play:flex;align-item :center;gap:8px;font- ize:14px}.genetic-data-viz .viz-header .viz-legend .legend-item .legend-color{width:12px;height:12px;border-radiu :50%}.genetic-data-viz .compatibility-chart{po ition:relative;height:200px;background:repeating-linear-gradient(90deg, tran parent, tran parent 40px, var(--data-viz-grid) 40px, var(--data-viz-grid) 41px)}.genetic-data-viz .compatibility-chart .chart-bar{po ition:ab olute;bottom:0;width:60px;background:var(--gradient-genetic);border-radiu :4px 4px 0 0;tran ition:all .6  cubic-bezier(0.25, 0.46, 0.45, 0.94)}.genetic-data-viz .compatibility-chart .chart-bar::after{content:attr(data-value);po ition:ab olute;top:-30px;left:50%;tran form:tran lateX(-50%);font- ize:14px;font-weight:600;color:var(--dna-helix-primary)}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(1){left:20px;animation-delay:0.1 }.genetic-data-viz .compatibility-chart .chart-bar:nth-child(2){left:100px;animation-delay:0.2 }.genetic-data-viz .compatibility-chart .chart-bar:nth-child(3){left:180px;animation-delay:0.3 }.genetic-data-viz .compatibility-chart .chart-bar:nth-child(4){left:260px;animation-delay:0.4 }.genetic-data-viz .compatibility-chart .chart-bar:nth-child(5){left:340px;animation-delay:0.5 }.genetic-data-viz .compatibility-chart .chart-bar:nth-child(6){left:420px;animation-delay:0.6 }.genetic-data-viz .dna- equence-viz{di play:flex;ju tify-content:center;align-item :center;height:60px;margin:20px 0}.genetic-data-viz .dna- equence-viz . equence-ba e{width:20px;height:20px;margin:0 2px;border-radiu :50%;di play:flex;align-item :center;ju tify-content:center;font- ize:12px;font-weight:700;color:#fff;animation:genetic-flow var(--data-flow- peed) ea e-in-out infinite}.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:nth-child(1){animation-delay:0.1 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(2){animation-delay:0.2 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(3){animation-delay:0.3 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(4){animation-delay:0.4 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(5){animation-delay:0.5 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(6){animation-delay:0.6 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(7){animation-delay:0.7 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(8){animation-delay:0.8 }.genetic-data-viz .dna- equence-viz . equence-ba e:nth-child(9){animation-delay:0.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);overflow:hidden;margin:24px 0}.genetic-report-card .report-header{background:var(--gradient- cience);padding:32px;text-align:center;color:#fff}.genetic-report-card .report-header .report-title{font- ize:28px;font-weight:800;margin-bottom:8px;font-family:var(--font- econdary)}.genetic-report-card .report-header .report- ubtitle{font- ize:16px;opacity:.9}.genetic-report-card .report-header .genetic- core{di play:inline-block;margin-top:20px;padding:16px 32px;background:h la(0,0%,100%,.2);border-radiu :50px;backdrop-filter:blur(10px)}.genetic-report-card .report-header .genetic- core . core-value{font- ize:48px;font-weight:900;font-family:var(--font- econdary)}.genetic-report-card .report-header .genetic- core . core-label{font- ize:14px;opacity:.8;margin-top:4px}.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{di play:flex;align-item :center;gap:12px;margin-bottom:20px}.genetic-report-card .report- ection  .report- ection . ection-header . ection-icon{width:40px;height:40px;border-radiu :50%;background:var(--gradient-genetic);di play:flex;align-item :center;ju tify-content:center;color:#fff;font- ize:20px}.genetic-report-card .report- ection  .report- ection . ection-header . ection-title{font- ize:20px;font-weight:700;color:var(--color-gray-900);margin:0}.genetic-report-card .report- ection  .report- ection .genetic-marker{di play:grid;grid-template-column :repeat(auto-fit, minmax(200px, 1fr));gap:16px}.genetic-report-card .report- ection  .report- ection .genetic-marker  .marker-item{padding:16px;background:rgba(59,130,246,.05);border:1px  olid rgba(59,130,246,.1);border-radiu :12px}.genetic-report-card .report- ection  .report- ection .genetic-marker  .marker-item .marker-name{font-weight:600;color:var(--color-gray-900);margin-bottom:8px}.genetic-report-card .report- ection  .report- ection .genetic-marker  .marker-item .marker-value{font- ize:14px;color:var(--color-gray-600);margin-bottom:12px}.genetic-report-card .report- ection  .report- ection .genetic-marker  .marker-item .compatibility-indicator{di play:flex;align-item :center;gap:8px}.genetic-report-card .report- ection  .report- ection .genetic-marker  .marker-item .compatibility-indicator .indicator-dot{width:8px;height:8px;border-radiu :50%}.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;text-tran form:upperca e;letter- pacing:.5px}.genetic-interaction-panel{po ition: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  olid h la(0,0%,100%,.2);border-radiu :24px;padding:32px;margin:24px 0;overflow:hidden}.genetic-interaction-panel::before{content:"";po ition:ab olute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%, rgba(59, 130, 246, 0.1) 0%, tran parent 50%),radial-gradient(circle at 80% 20%, rgba(236, 72, 153, 0.1) 0%, tran parent 50%),radial-gradient(circle at 40% 80%, rgba(16, 185, 129, 0.1) 0%, tran parent 50%);pointer-event :none}.genetic-interaction-panel .interaction-header{text-align:center;margin-bottom:32px}.genetic-interaction-panel .interaction-header h3{font- ize: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- lider{di play:grid;gap:24px}.genetic-interaction-panel .genetic- lider  . lider-group . lider-label{di play:flex;ju tify-content:pace-between;align-item :center;margin-bottom:12px}.genetic-interaction-panel .genetic- lider  . lider-group . lider-label .label-text{font-weight:600;color:var(--color-gray-900)}.genetic-interaction-panel .genetic- lider  . lider-group . lider-label .label-value{font-weight:700;color:var(--dna-helix-primary)}.genetic-interaction-panel .genetic- lider  . lider-group .genetic- lider{po ition:relative;height:8px;background:var(--color-gray-200);border-radiu :4px;cur or:pointer}.genetic-interaction-panel .genetic- lider  . lider-group .genetic- lider . lider-track{po ition:ab olute;height:100%;background:var(--gradient-genetic);border-radiu :4px;tran ition:width .3  ea e}.genetic-interaction-panel .genetic- lider  . lider-group .genetic- lider . lider-thumb{po ition:ab olute;top:-6px;width:20px;height:20px;background:#fff;border:3px  olid var(--dna-helix-primary);border-radiu :50%;cur or:grab;box- hadow:0 4px 8px rgba(0,0,0,.15);tran ition:all .3  ea e}.genetic-interaction-panel .genetic- lider  . lider-group .genetic- lider . lider-thumb:hover{tran form:cale(1.2);box- hadow:0 6px 12px rgba(0,0,0,.25)}.genetic-interaction-panel .genetic- lider  . lider-group .genetic- lider . lider-thumb:active{cur or:grabbing;tran form:cale(1.1)}.premium-genetic-card{po ition:relative;background:linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);border:2px  olid rgba(0,0,0,0);border-radiu :32px;padding:40px;margin:32px 0;overflow:hidden}.premium-genetic-card::before{content:"";po ition:ab olute;in et:0;padding:2px;background:var(--gradient-luxury);border-radiu :32px;-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}.premium-genetic-card .premium-badge{po ition:ab olute;top:20px;right:20px;padding:8px 16px;background:var(--gradient-premium-dna);color:#fff;border-radiu :20px;font- ize:12px;font-weight:700;text-tran form:upperca e;letter- pacing:1px;box- hadow:0 8px 16px rgba(245,87,108,.3)}.premium-genetic-card .luxury-metric{di play:grid;grid-template-column :repeat(auto-fit, minmax(150px, 1fr));gap:24px;margin:32px 0}.premium-genetic-card .luxury-metric  .luxury-metric{text-align:center;padding:24px;background:rgba(59,130,246,.03);border-radiu :20px;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{width:48px;height:48px;margin:0 auto 16px;background:var(--gradient-genetic);border-radiu :50%;di play:flex;align-item :center;ju tify-content:center;color:#fff;font- ize:24px}.premium-genetic-card .luxury-metric  .luxury-metric .metric-title{font- ize:18px;font-weight:700;color:var(--color-gray-900);margin-bottom:8px}.premium-genetic-card .luxury-metric  .luxury-metric .metric-de cription{font- ize:14px;color:var(--color-gray-600);line-height:1.5}.tru t-indicator{di play:flex;ju tify-content:center;gap:32px;margin:40px 0;flex-wrap:wrap}.tru t-indicator  .tru t-badge{di play:flex;align-item :center;gap:12px;padding:16px 24px;background:#fff;border-radiu :50px;box- hadow:0 8px 24px rgba(0,0,0,.08);tran ition:all .3  ea e}.tru t-indicator  .tru t-badge:hover{tran form:tran lateY(-2px);box- hadow:0 12px 32px rgba(0,0,0,.12)}.tru t-indicator  .tru t-badge .tru t-icon{width:24px;height:24px;color:var(--dna-helix-primary)}.tru t-indicator  .tru t-badge .tru t-text{font- ize:14px;font-weight:600;color:var(--color-gray-800)}. cientific-credibility{background:linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(236, 72, 153, 0.05) 100%);border:1px  olid rgba(59,130,246,.1);border-radiu :20px;padding:32px;margin:32px 0;text-align:center}. cientific-credibility .credibility-header{margin-bottom:24px}. cientific-credibility .credibility-header .credibility-icon{width:64px;height:64px;margin:0 auto 16px;background:var(--gradient- cience);border-radiu :50%;di play:flex;align-item :center;ju tify-content:center;color:#fff;font- ize:32px}. cientific-credibility .credibility-header .credibility-title{font- ize:24px;font-weight:800;color:var(--color-gray-900);margin-bottom:8px}. cientific-credibility .credibility-header .credibility- ubtitle{font- ize:16px;color:var(--color-gray-600)}. cientific-credibility .credibility- tat{di play:grid;grid-template-column :repeat(auto-fit, minmax(120px, 1fr));gap:24px}. cientific-credibility .credibility- tat  . tat-item . tat-number{font- ize:32px;font-weight:900;color:var(--dna-helix-primary);font-family:var(--font- econdary)}. cientific-credibility .credibility- tat  . tat-item . tat-label{font- ize: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-column :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-metric{grid-template-column :1fr;gap:16px}.tru t-indicator{flex-direction:column;align-item :center;gap:16px}}@media(prefer -reduced-motion:reduce){.dna-helix{animation:none}.dna-pul e,.genetic-flow,.data- tream,.compatibility-pul e{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-profile-card,.genetic-data-viz,.premium-genetic-card{contain:layout  tyle paint}.dna-helix{will-change:tran form}.genetic- lider . lider-thumb{will-change:tran form}.gla - urface{background:h la(0,0%,100%,.08);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{background:h la(0,0%,100%,.08);border:var(--border-thin)  olid h la(0,0%,100%,.2);box- hadow:var(-- hadow-gla );backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radiu :var(--radiu -xl)}.gla -nav{background:h la(0,0%,100%,.95);backdrop-filter:blur(20px)  aturate(180%);-webkit-backdrop-filter:blur(20px)  aturate(180%);border-bottom:1px  olid h la(0,0%,100%,.2)}.neumorphi m{background:#f0f0f0;box- hadow:8px 8px 16px #d1d1d1,-8px -8px 16px #fff;border-radiu :20px}.neumorphi m-in et{background:#f0f0f0;box- hadow:in et 8px 8px 16px #d1d1d1,in et -8px -8px 16px #fff;border-radiu :20px}. oft-morphi m{background:linear-gradient(145deg, #ffffff, #f0f0f0);box- hadow:5px 5px 10px rgba(0,0,0,.1),-5px -5px 10px h la(0,0%,100%,.7);border-radiu :16px}.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: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{po ition:relative;background:#fff;border-radiu :16px}.gradient-border::before{content:"";po ition:ab olute;in et:0;padding:2px;background:var(--gradient-genetic);border-radiu :16px;-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}.animate-float{animation:float 3  var(--ea e- mooth) infinite}@keyframe  float{0%,100%{tran form:tran lateY(0)}50%{tran form:tran lateY(-10px)}}.animate-glow{animation:glow 2  ea e-in-out infinite alternate}@keyframe  glow{from{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{background- ize:200% 200%;animation:gradient- hift 3  ea e infinite}@keyframe  gradient- hift{0%{background-po ition:0% 50%}50%{background-po ition:100% 50%}100%{background-po ition:0% 50%}}.animate-pul e- low{animation:pul e- low 4  cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframe  pul e- low{0%,100%{opacity:1}50%{opacity:.6}}.animate-bounce-in{animation:bounce-in .6  cubic-bezier(0.68, -0.55, 0.265, 1.55)}@keyframe  bounce-in{0%{opacity:0;tran form:cale(0.3)}50%{opacity:1;tran form:cale(1.05)}70%{tran form:cale(0.95)}100%{opacity:1;tran form:cale(1)}}.animate- lide-in-up{animation:lide-in-up .8  cubic-bezier(0.25, 0.46, 0.45, 0.94) both}@keyframe   lide-in-up{0%{tran form:tran lateY(100px);opacity:0}100%{tran form:tran lateY(0);opacity:1}}.hover-lift{tran ition:var(--tran ition- mooth)}.hover-lift:hover{tran form:tran lateY(-4px);box- hadow:var(-- hadow-hover)}.hover-glow{tran ition:var(--tran ition- mooth)}.hover-glow:hover{box- hadow:0 0 20px rgba(var(--color-primary-rgb), 0.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(0.25, 0.46, 0.45, 0.94)}.interactive-card:hover{tran form:tran lateY(-12px);box- hadow:0 25px 50px rgba(0,0,0,.15)}.interactive-card:active{tran form:tran lateY(-6px);tran ition-duration:.1 }. keleton-loading{background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background- ize:200% 100%;animation:keleton-loading 2  infinite}@keyframe   keleton-loading{0%{background-po ition:100% 50%}100%{background-po ition:0 50%}}.pul e-loading{animation:pul e-loading 1.5  cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframe  pul e-loading{0%,100%{opacity:1}50%{opacity:.5}}. pinner-dna{width:40px;height:40px;border:4px  olid var(--color-gray-200);border-top:4px  olid var(--dna-helix-primary);border-radiu :50%;animation:pinner-rotate 1  linear infinite}@keyframe   pinner-rotate{0%{tran form:rotate(0deg)}100%{tran form:rotate(360deg)}}.container-fluid{width:100%;padding-left:var(-- pace-lg);padding-right:var(-- pace-lg);margin-left:auto;margin-right:auto}.grid-auto-fit{di play:grid;grid-template-column :repeat(auto-fit, minmax(300px, 1fr));gap:var(-- pace-lg)}.grid-auto-fill{di play:grid;grid-template-column :repeat(auto-fill, minmax(250px, 1fr));gap:var(-- pace-lg)}.flex-center{di play:flex;align-item :center;ju tify-content:center}.flex-between{di play:flex;align-item :center;ju tify-content:pace-between}.flex-column-center{di play:flex;flex-direction:column;align-item :center;ju tify-content:center}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom: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{margin-left:var(-- pace-x )}.mx-x{margin-left:var(-- pace-x );margin-right:var(-- pace-x )}.my-x{margin-top:var(-- pace-x );margin-bottom: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{padding-left:var(-- pace-x )}.px-x{padding-left:var(-- pace-x );padding-right:var(-- pace-x )}.py-x{padding-top:var(-- pace-x );padding-bottom: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{margin-left:var(-- pace- m)}.mx- m{margin-left:var(-- pace- m);margin-right:var(-- pace- m)}.my- m{margin-top:var(-- pace- m);margin-bottom: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{padding-left:var(-- pace- m)}.px- m{padding-left:var(-- pace- m);padding-right:var(-- pace- m)}.py- m{padding-top:var(-- pace- m);padding-bottom: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{margin-left:var(-- pace-md)}.mx-md{margin-left:var(-- pace-md);margin-right:var(-- pace-md)}.my-md{margin-top:var(-- pace-md);margin-bottom: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{padding-left:var(-- pace-md)}.px-md{padding-left:var(-- pace-md);padding-right:var(-- pace-md)}.py-md{padding-top:var(-- pace-md);padding-bottom: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{margin-left:var(-- pace-lg)}.mx-lg{margin-left:var(-- pace-lg);margin-right:var(-- pace-lg)}.my-lg{margin-top:var(-- pace-lg);margin-bottom: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{padding-left:var(-- pace-lg)}.px-lg{padding-left:var(-- pace-lg);padding-right:var(-- pace-lg)}.py-lg{padding-top:var(-- pace-lg);padding-bottom: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{margin-left:var(-- pace-xl)}.mx-xl{margin-left:var(-- pace-xl);margin-right:var(-- pace-xl)}.my-xl{margin-top:var(-- pace-xl);margin-bottom: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{padding-left:var(-- pace-xl)}.px-xl{padding-left:var(-- pace-xl);padding-right:var(-- pace-xl)}.py-xl{padding-top:var(-- pace-xl);padding-bottom: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{margin-left:var(-- pace-2xl)}.mx-2xl{margin-left:var(-- pace-2xl);margin-right:var(-- pace-2xl)}.my-2xl{margin-top:var(-- pace-2xl);margin-bottom: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{padding-left:var(-- pace-2xl)}.px-2xl{padding-left:var(-- pace-2xl);padding-right:var(-- pace-2xl)}.py-2xl{padding-top:var(-- pace-2xl);padding-bottom: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{margin-left:var(-- pace-3xl)}.mx-3xl{margin-left:var(-- pace-3xl);margin-right:var(-- pace-3xl)}.my-3xl{margin-top:var(-- pace-3xl);margin-bottom: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{padding-left:var(-- pace-3xl)}.px-3xl{padding-left:var(-- pace-3xl);padding-right:var(-- pace-3xl)}.py-3xl{padding-top:var(-- pace-3xl);padding-bottom: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{margin-left:var(-- pace-4xl)}.mx-4xl{margin-left:var(-- pace-4xl);margin-right:var(-- pace-4xl)}.my-4xl{margin-top:var(-- pace-4xl);margin-bottom: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{padding-left:var(-- pace-4xl)}.px-4xl{padding-left:var(-- pace-4xl);padding-right:var(-- pace-4xl)}.py-4xl{padding-top:var(-- pace-4xl);padding-bottom: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{margin-left:var(-- pace-5xl)}.mx-5xl{margin-left:var(-- pace-5xl);margin-right:var(-- pace-5xl)}.my-5xl{margin-top:var(-- pace-5xl);margin-bottom: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{padding-left:var(-- pace-5xl)}.px-5xl{padding-left:var(-- pace-5xl);padding-right:var(-- pace-5xl)}.py-5xl{padding-top:var(-- pace-5xl);padding-bottom:var(-- pace-5xl)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);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-top:var(-- pace-md);margin-left:0}}@media(min-width:769px){.de ktop-only{di play:block}.mobile-only{di play:none}}. 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}.focu -ring:focu{outline:none;box- hadow:0 0 0 3px rgba(var(--color-primary-rgb), 0.5);border-radiu :var(--radiu -md)}@media(prefer -reduced-motion:reduce){.reduced-motion{animation-duration:.01m  !important;animation-iteration-count:1 !important;tran ition-duration:.01m  !important}}.gpu-layer{will-change:tran form;tran form:tran lateZ(0)}.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{di play:inline-flex;align-item :center;ju tify-content:center;width:var(--icon-md);height:var(--icon-md);flex- hrink:0;vertical-align:middle}.icon  vg{width:100%;height: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{width:var(--icon-x );height:var(--icon-x )}.icon-- m{width:var(--icon- m);height:var(--icon- m)}.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-- 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{cur or:pointer;tran ition:var(--tran ition- mooth);border-radiu :var(--radiu - m);padding:var(-- pace-xx )}.icon--interactive:hover{background:rgba(var(--color-primary-rgb), 0.1);color:var(--color-primary);tran form:cale(1.1)}.icon--interactive:active{tran form:cale(0.95)}.icon-- pin{animation:icon- pin 2  linear infinite}.icon--pul e{animation:icon-pul e 2  cubic-bezier(0.4, 0, 0.6, 1) infinite}.icon--bounce{animation:icon-bounce 1  infinite}@keyframe  icon- pin{from{tran form:rotate(0deg)}to{tran form:rotate(360deg)}}@keyframe  icon-pul e{0%,100%{opacity:1}50%{opacity:.5}}@keyframe  icon-bounce{0%,100%{tran form:tran lateY(0)}50%{tran form:tran lateY(-25%)}}.icon-text{di play:inline-flex;align-item :center;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;text-align:center;gap:var(-- pace- m)}.btn-icon{di play:inline-flex;align-item :center;ju tify-content:center;width:44px;height:44px;padding:0;background:rgba(0,0,0,0);border:none;border-radiu :var(--radiu -md);cur or:pointer;tran ition:var(--tran ition- mooth);color:var(--color-text- econdary)}.btn-icon:hover{background:var(--color-gray-100);color:var(--color-primary);tran form:cale(1.05)}.btn-icon:active{tran form:cale(0.95)}.btn-icon:focu -vi ible{outline:2px  olid var(--color-primary);outline-off et:2px}.btn-icon-- m{width:32px;height:32px}.btn-icon-- m .icon{width:var(--icon- m);height:var(--icon- m)}.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);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:rgba(0,0,0,0);border:1px  olid var(--border-color)}.btn-icon--gho t:hover{background:var(--color-gray-50);border-color:var(--color-primary)}.btn-icon--gla{background:var(--gla -bg-light);backdrop-filter:var(--gla -backdrop);-webkit-backdrop-filter:var(--gla -backdrop);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{po ition:relative;di play:inline-flex}.icon-badge .badge{po ition:ab olute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:var(--color-danger);color:var(--color-white);font- ize:10px;font-weight:var(--font-weight-bold);line-height:1;di play:flex;align-item :center;ju tify-content:center;border-radiu :9px;border:2px  olid var(--color-white)}.icon-badge .badge--dot{width:12px;height:12px;min-width:auto;padding:0;border-radiu :50%;top:-2px;right:-2px}.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), 0.7)}70%{box- hadow:0 0 0 10px rgba(var(--color-danger-rgb), 0)}100%{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:rgba(0,0,0,0);background-clip:text;animation:dna-rotate 3  linear infinite}.icon-dna--heart{color:var(--color- econdary);animation:heart-beat 1.5  ea e-in-out infinite}.icon-dna--match{background:var(--gradient- ucce );-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;animation:match-glow 2  ea e-in-out infinite}.icon-dna--compatibility{po ition:relative}.icon-dna--compatibility::after{content:"";po ition:ab olute;in et:-2px;background:var(--gradient-primary);border-radiu :50%;z-index:-1;animation:compatibility-ring 3  linear infinite}@keyframe  dna-rotate{from{tran form:rotateY(0deg)}to{tran form:rotateY(360deg)}}@keyframe  heart-beat{0%,100%{tran form:cale(1)}50%{tran form:cale(1.2)}}@keyframe  match-glow{0%,100%{filter:brightne (1)}50%{filter:brightne (1.3)}}@keyframe  compatibility-ring{0%{tran form:rotate(0deg)  cale(1);opacity:1}100%{tran form:rotate(360deg)  cale(1.2);opacity:0}}.icon-loading-- pinner{animation:pinner-rotate 1  linear infinite}.icon-loading--dot{di play:inline-flex;gap:2px}.icon-loading--dot ::before,.icon-loading--dot ::after{content:"";width:4px;height:4px;border-radiu :50%;background:currentColor;animation:dot -bounce 1.4  ea e-in-out infinite}.icon-loading--dot ::before{animation-delay:-0.32 }.icon-loading--dot ::after{animation-delay:-0.16 }.icon-loading--dot   pan{width:4px;height:4px;border-radiu :50%;background:currentColor;animation:dot -bounce 1.4  ea e-in-out infinite}.icon-loading--pul e-ring{po ition:relative}.icon-loading--pul e-ring::before{content:"";po ition:ab olute;in et:-8px;border:2px  olid currentColor;border-radiu :50%;opacity:0;animation:pul e-ring 2  cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite}@keyframe   pinner-rotate{from{tran form:rotate(0deg)}to{tran form:rotate(360deg)}}@keyframe  dot -bounce{0%,80%,100%{tran form:cale(0);opacity:.5}40%{tran form:cale(1);opacity:1}}@keyframe  pul e-ring{0%{tran form:cale(0.33);opacity:1}80%,100%{tran form:cale(1);opacity:0}}.icon-container{di play:inline-flex;align-item :center;ju tify-content:center;background:var(--color-gray-100);border-radiu :var(--radiu -md);tran ition:var(--tran ition- mooth)}.icon-container-- m{width:32px;height:32px;border-radiu :var(--radiu - m)}.icon-container--md{width:48px;height:48px}.icon-container--lg{width:64px;height:64px;border-radiu :var(--radiu -lg)}.icon-container--xl{width:80px;height:80px;border-radiu :var(--radiu -xl)}.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{background:var(--gla -bg-light);backdrop-filter:var(--gla -backdrop);-webkit-backdrop-filter:var(--gla -backdrop);border:1px  olid var(--gla -border);color:var(--color-white)}.icon-container--outline{background:rgba(0,0,0,0);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{tran form:cale(1.05);box- hadow:var(-- hadow-md)}.icon-container--interactive:active{tran form:cale(0.95)}@media(max-width:767px){.icon-- m{width:calc(var(--icon- m) + 2px);height:calc(var(--icon- m) + 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(-- pace-x )}}@media(prefer -contra t:high){.icon--interactive{border:1px  olid rgba(0,0,0,0)}.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-- pin,.icon--pul e,.icon--bounce{animation:none}.icon-dna--helix,.icon-dna--heart,.icon-dna--match,.icon-dna--compatibility{animation:none}.icon-loading-- pinner,.icon-loading--dot ,.icon-loading--pul e-ring{animation:none}.icon-loading--dot ::before,.icon-loading--dot ::after,.icon-loading--dot   pan{animation:none}}.dna-background{po ition:relative;overflow:hidden}.dna-background::before{content:"";po ition:ab olute;in et:0;background-image:radial-gradient(circle at 25% 25%, rgba(15, 117, 189, 0.1) 0%, tran parent 50%),radial-gradient(circle at 75% 75%, rgba(247, 44, 147, 0.1) 0%, tran parent 50%),url("data:image/ vg+xml,%3C vg width='60' height='60' viewBox='0 0 60 60' xmln ='http://www.w3.org/2000/ vg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg  troke='%23f72c93'  troke-width='1'  troke-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/ vg%3E");background- ize:300px 300px,400px 400px,60px 60px;background-po ition:0 0,100px 100px,0 0;animation:dna-background-flow 30  linear infinite;opacity:.6;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{opacity:.3;background- ize:200px 200px,300px 300px,40px 40px}.dna-background--inten e::before{opacity:.8;background- ize:400px 400px,500px 500px,80px 80px}@keyframe  dna-background-flow{0%{tran form:tran late(0, 0) rotate(0deg)}33%{tran form:tran late(-30px, -30px) rotate(120deg)}66%{tran form:tran late(30px, -30px) rotate(240deg)}100%{tran form:tran late(0, 0) rotate(360deg)}}@keyframe  dna-background-pul e{0%,100%{opacity:.6}50%{opacity:.3}}.particle-container{po ition:relative;overflow:hidden}.particle-container .particle{po ition:ab olute;border-radiu :50%;opacity:0;pointer-event :none;animation:particle-float 8  linear infinite}.particle-container .particle--x{width:2px;height:2px}.particle-container .particle-- m{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- hadow:0 0 10px rgba(var(--color-primary-rgb), 0.5)}.particle-container .particle-- econdary{background:var(--color- econdary);box- hadow:0 0 10px rgba(var(--color- econdary-rgb), 0.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:nth-child(1){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%{tran form:tran lateY(100vh) tran lateX(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{tran form:tran lateY(-100px) tran lateX(var(--particle-drift, 0));opacity:0}}.dna- trand{po ition:relative;height:200px;width:4px;margin:0 auto}.dna- trand . trand- egment{po ition:ab olute;width:100%;height:20px;background:linear-gradient(to bottom, var(--color-primary), var(--color- econdary));border-radiu :2px;animation:trand-twi t 3  ea e-in-out infinite}.dna- trand . trand- egment:nth-child(1){top:0;animation-delay:0 }.dna- trand . trand- egment:nth-child(2){top:20px;animation-delay:.2 }.dna- trand . trand- egment:nth-child(3){top:40px;animation-delay:.4 }.dna- trand . trand- egment:nth-child(4){top:60px;animation-delay:.6 }.dna- trand . trand- egment:nth-child(5){top:80px;animation-delay:.8 }.dna- trand . trand- egment:nth-child(6){top:100px;animation-delay:1 }.dna- trand . trand- egment:nth-child(7){top:120px;animation-delay:1.2 }.dna- trand . trand- egment:nth-child(8){top:140px;animation-delay:1.4 }.dna- trand . trand- egment:nth-child(9){top:160px;animation-delay:1.6 }.dna- trand . trand- egment:nth-child(10){top:180px;animation-delay:1.8 }.dna- trand .ba e-pair{po ition:ab olute;width:30px;height:2px;background:var(--color-accent);left:50%;tran form:tran lateX(-50%);border-radiu :1px;animation:ba e-pair-pul e 2  ea e-in-out infinite}.dna- trand .ba e-pair:nth-child(odd){animation-delay:0 }.dna- trand .ba e-pair:nth-child(even){animation-delay:1 }@keyframe   trand-twi t{0%,100%{tran form:rotateY(0deg)  caleX(1);background:linear-gradient(to bottom, var(--color-primary), var(--color- econdary))}50%{tran form:rotateY(180deg)  caleX(0.8);background:linear-gradient(to bottom, var(--color- econdary), var(--color-primary))}}@keyframe  ba e-pair-pul e{0%,100%{opacity:.6;tran form:tran lateX(-50%)  caleX(1)}50%{opacity:1;tran form:tran lateX(-50%)  caleX(1.2)}}.genetic-con tellation{po ition:relative;min-height:400px}.genetic-con tellation .con tellation-point{po ition:ab olute;width:6px;height:6px;background:var(--color-primary);border-radiu :50%;box- hadow:0 0 10px rgba(var(--color-primary-rgb), 0.8);animation:con tellation-twinkle 3  ea e-in-out infinite}.genetic-con tellation .con tellation-point:nth-child(1){top:20%;left:15%;animation-delay:0 }.genetic-con tellation .con tellation-point:nth-child(2){top:30%;left:85%;animation-delay:.5 }.genetic-con tellation .con tellation-point:nth-child(3){top:60%;left:25%;animation-delay:1 }.genetic-con tellation .con tellation-point:nth-child(4){top:80%;left:70%;animation-delay:1.5 }.genetic-con tellation .con tellation-point:nth-child(5){top:15%;left:60%;animation-delay:2 }.genetic-con tellation .con tellation-point:nth-child(6){top:45%;left:10%;animation-delay:2.5 }.genetic-con tellation .con tellation-point:nth-child(7){top:70%;left:90%;animation-delay:3 }.genetic-con tellation .con tellation-point:nth-child(8){top:35%;left:45%;animation-delay:3.5 }.genetic-con tellation .con tellation-point::before{content:"";po ition:ab olute;top:50%;left:50%;width:var(--connection-length, 50px);height:1px;background:linear-gradient(90deg, rgba(var(--color-primary-rgb), 0.3) 0%, tran parent 100%);tran form:tran late(-50%, -50%) rotate(var(--connection-angle, 45deg));animation:connection-pul e 4  ea e-in-out infinite;animation-delay:inherit}@keyframe  con tellation-twinkle{0%,100%{opacity:.4;tran form:cale(1)}50%{opacity:1;tran form:cale(1.2)}}@keyframe  connection-pul e{0%,100%{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{po ition:relative;width:200px;height:200px;margin:0 auto}.compatibility-vi ual .compatibility-ring{po ition:ab olute;in et:0;border:3px  olid rgba(0,0,0,0);border-radiu :50%;animation:compatibility- pin 4  linear infinite}.compatibility-vi ual .compatibility-ring--outer{border-color:var(--color-primary) rgba(0,0,0,0) var(--color-primary) rgba(0,0,0,0);animation-duration:6 }.compatibility-vi ual .compatibility-ring--middle{in et:20px;border-color:rgba(0,0,0,0) var(--color- econdary) rgba(0,0,0,0) var(--color- econdary);animation-duration:4 ;animation-direction:rever e}.compatibility-vi ual .compatibility-ring--inner{in et:40px;border-color:var(--color-accent) rgba(0,0,0,0) var(--color-accent) rgba(0,0,0,0);animation-duration:3 }.compatibility-vi ual .compatibility-center{po ition:ab olute;top:50%;left:50%;tran form:tran late(-50%, -50%);width:80px;height:80px;background:var(--gradient-primary);border-radiu :50%;di play:flex;align-item :center;ju tify-content:center;font- ize:var(--font- ize-2xl);font-weight:var(--font-weight-bold);color:var(--color-white);box- hadow:var(-- hadow-lg);animation:compatibility-pul e 2  ea e-in-out infinite}.compatibility-vi ual .genetic-marker{po ition:ab olute;width:8px;height:8px;background:var(--color- ucce );border-radiu :50%;box- hadow:0 0 8px rgba(var(--color- ucce -rgb), 0.6);animation:marker-orbit 8  linear infinite}.compatibility-vi ual .genetic-marker:nth-child(1){top:10px;left:50%;animation-delay:0 }.compatibility-vi ual .genetic-marker:nth-child(2){top:50%;right:10px;animation-delay:2 }.compatibility-vi ual .genetic-marker:nth-child(3){bottom:10px;left:50%;animation-delay:4 }.compatibility-vi ual .genetic-marker:nth-child(4){top:50%;left:10px;animation-delay:6 }@keyframe  compatibility- pin{from{tran form:rotate(0deg)}to{tran form:rotate(360deg)}}@keyframe  compatibility-pul e{50%{tran form:tran late(-50%, -50%)  cale(1.05);box- hadow:var(-- hadow-xl)}}@keyframe  marker-orbit{from{tran form:rotate(0deg) tran lateX(90px) rotate(0deg)}to{tran form:rotate(360deg) tran lateX(90px) rotate(-360deg)}}.hero-dna-effect{po ition:relative;min-height:100vh;overflow:hidden}.hero-dna-effect ::before{content:"";po ition:ab olute;in et:-20%;background-image:radial-gradient(circle at 20% 20%, rgba(15, 117, 189, 0.15) 0%, tran parent 50%),radial-gradient(circle at 80% 80%, rgba(247, 44, 147, 0.15) 0%, tran parent 50%),radial-gradient(circle at 60% 40%, rgba(124, 77, 255, 0.1) 0%, tran parent 50%);animation:hero-dna-flow 20  ea e-in-out infinite;z-index:-1}.hero-dna-effect  .genetic-element{po ition:ab olute;opacity:.1;animation:genetic-float 15  ea e-in-out infinite}.hero-dna-effect  .genetic-element--helix{width:100px;height:200px;background:url("data:image/ vg+xml,%3C vg viewBox='0 0 100 200' xmln ='http://www.w3.org/2000/ vg'%3E%3Cpath d='M20,20 Q50,100 80,180' fill='none'  troke='%230F75BD'  troke-width='3'/%3E%3Cpath d='M80,20 Q50,100 20,180' fill='none'  troke='%23F72C93'  troke-width='3'/%3E%3C/ vg%3E") no-repeat;background- ize:contain;top:20%;left:10%;animation-delay:0 }.hero-dna-effect  .genetic-element--molecule{width:80px;height:80px;background:var(--gradient-primary);border-radiu :50%;top:60%;right:15%;animation-delay:5 }.hero-dna-effect  .genetic-element-- trand{width:150px;height:4px;background:var(--gradient- econdary);border-radiu :2px;top:40%;left:70%;animation-delay:10 ;tran form-origin:left center}@keyframe  hero-dna-flow{0%,100%{tran form:tran late(0, 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%,100%{tran form:tran lateY(0) rotate(0deg);opacity:.1}50%{tran form:tran lateY(-20px) rotate(180deg);opacity:.3}}.chemi try-reaction{po ition:relative;padding:var(-- pace-xl)}.chemi try-reaction .chemical-bond{po ition:ab olute;width:2px;height:60px;background:var(--gradient-primary);animation:bond-vibration 1.5  ea e-in-out infinite;tran form-origin:center}.chemi try-reaction .chemical-bond:nth-child(1){top:20%;left:30%;animation-delay:0 }.chemi try-reaction .chemical-bond:nth-child(2){top:40%;right:25%;animation-delay:.3 }.chemi try-reaction .chemical-bond:nth-child(3){bottom:30%;left:60%;animation-delay:.6 }.chemi try-reaction .chemical-bond::before,.chemi try-reaction .chemical-bond::after{content:"";po ition:ab olute;width:12px;height:12px;background:var(--color- econdary);border-radiu :50%;box- hadow:0 0 10px rgba(var(--color- econdary-rgb), 0.5)}.chemi try-reaction .chemical-bond::before{top:-6px;left:-5px}.chemi try-reaction .chemical-bond::after{bottom:-6px;left:-5px}.chemi try-reaction .love- park{po ition:ab olute;width:4px;height:4px;background:var(--color- econdary);border-radiu :50%;animation:park-twinkle 2  ea e-in-out infinite}.chemi try-reaction .love- park:nth-child(even){animation-delay:1 }@keyframe  bond-vibration{0%,100%{tran form:rotate(-2deg)  caleY(1)}50%{tran form:rotate(2deg)  caleY(1.1)}}@keyframe   park-twinkle{0%,100%{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{width:150px;height:150px}.compatibility-vi ual .compatibility-center{width:60px;height:60px;font- ize:var(--font- ize-xl)}.hero-dna-effect  .genetic-element--helix{width:60px;height:120px}.hero-dna-effect  .genetic-element--molecule{width:50px;height:50px}.hero-dna-effect  .genetic-element-- trand{width:100px;height:3px}}@media(prefer -reduced-motion:reduce){.dna-background,.particle-container .particle,.dna- trand . trand- egment,.genetic-con tellation .con tellation-point,.compatibility-vi ual .compatibility-ring,.hero-dna-effect ::before,.chemi try-reaction .chemical-bond,.chemi try-reaction .love- park{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 .genetic-con tellation .con tellation-point::before,.performance-mode .chemi try-reaction .chemical-bond,.performance-mode .chemi try-reaction .love- park{di play:none}.dna-background::before,.particle-container .particle,.compatibility-vi ual .compatibility-ring,.hero-dna-effect ::before{will-change:tran form;tran form:tran lateZ(0)}.btn-dna{di play:inline-flex;align-item :center;ju tify-content:center;gap:var(-- pace-x );padding:var(--button-padding-y) var(--button-padding-x);font-family:var(--font-primary);font- ize:var(--font- ize-ba e);font-weight:var(--button-font-weight);line-height:var(--line-height-tight);text-decoration:none;border:var(--border-thin)  olid rgba(0,0,0,0);border-radiu :var(--button-border-radiu );cur or:pointer;tran ition:var(--button-tran ition);po ition:relative;overflow:hidden}.btn-dna::before{content:"";po ition:ab olute;top:50%;left:50%;width:0;height:0;background:h la(0,0%,100%,.2);border-radiu :50%;tran form:tran late(-50%, -50%);tran ition:width .6 ,height .6 }.btn-dna:hover::before{width:300px;height:300px}.btn-dna--primary{background:var(--gradient-primary);color:var(--color-white);box- hadow:var(-- hadow-primary)}.btn-dna--primary:hover{tran form:tran lateY(-2px);box- hadow:0 6px 20px 0 rgba(15,117,189,.4)}.btn-dna-- econdary{background:var(--gradient- econdary);color:var(--color-white);box- hadow:var(-- hadow- econdary)}.btn-dna-- econdary:hover{tran form:tran lateY(-2px);box- hadow:0 6px 20px 0 rgba(247,44,147,.4)}.btn-dna--gho t{background:rgba(0,0,0,0);color:var(--color-primary);border-color:var(--color-primary)}.btn-dna--gho t:hover{background:var(--color-primary);color:var(--color-white)}.btn-dna--gla{background:h la(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);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{padding:var(-- pace-xx ) var(-- pace-md);font- ize:var(--font- ize- m)}.btn-dna--lg{padding:var(-- pace-md) var(-- pace-xl);font- ize:var(--font- ize-lg)}.btn-dna:di abled{opacity:.5;cur or:not-allowed;tran form:none !important}.btn-dna--loading{color:rgba(0,0,0,0)}.btn-dna--loading::after{content:"";po ition:ab olute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px  olid var(--color-white);border-radiu :50%;border-top-color:rgba(0,0,0,0);animation:btn-loading- pinner .8  linear infinite}@keyframe  btn-loading- pinner{to{tran form:rotate(360deg)}}.card-dna,.match-card{background:var(--color- urface);border-radiu :var(--card-radiu );padding:var(--card-padding);box- hadow:var(--card- hadow);po ition:relative;overflow:hidden;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{tran form:tran lateY(-2px);box- hadow:var(-- hadow-lg)}.card-dna--gla{background:h la(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px  olid h la(0,0%,100%,.2)}.card-dna--gradient-border{background:var(--color- urface);background-clip:padding-box;border:2px  olid rgba(0,0,0,0)}.card-dna--gradient-border::before{content:"";po ition:ab olute;in et:0;border-radiu :var(--card-radiu );padding:2px;background:var(--gradient-primary);-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}.card-dna--premium{background:var(--gradient-premium);color:var(--color-white)}.card-dna--premium::after{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:himmer 3  infinite}.card-dna__header{margin-bottom:var(-- pace-md)}.card-dna__title{font- ize:var(--font- ize-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.card-dna__ ubtitle{font- ize:var(--font- ize- m);color:var(--color-text- econdary);margin-top:var(-- pace-x )}.card-dna__body{color:var(--color-text- econdary);line-height:var(--line-height-relaxed)}.card-dna__footer{margin-top:var(-- pace-lg);padding-top:var(-- pace-md);border-top:var(--border-thin)  olid var(--border-color)}@keyframe   himmer{0%{tran form:tran lateX(-100%) rotate(45deg)}100%{tran form:tran lateX(100%) rotate(45deg)}}.match-card{po ition:relative;overflow:vi ible;border-left:4px  olid var(--brand-primary)}.match-card__compatibility{po ition:ab olute;top:var(-- pace-md);right:var(-- pace-md);width:60px;height:60px;border-radiu :50%;background:var(--gradient-primary);color:var(--color-white);di play:flex;align-item :center;ju tify-content:center;font- ize:var(--font- ize-lg);font-weight:var(--font-weight-bold);box- hadow:var(-- hadow-lg)}.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{width:100%;height:200px;border-radiu :var(--radiu -lg);-o-object-fit:cover;object-fit:cover;margin-bottom:var(-- pace-md)}.match-card__info{di play:flex;ju tify-content:pace-between;align-item :center;margin-bottom:var(-- pace- m)}.match-card__name{font- ize:var(--font- ize-lg);font-weight:var(--font-weight- emibold);color:var(--color-text-primary)}.match-card__age{color:var(--color-text- econdary)}.match-card__badge{di play:flex;gap:var(-- pace-x );flex-wrap:wrap;margin-top:var(-- pace- m)}.match-card__badge{di play:inline-flex;align-item :center;gap:var(-- pace-xx );padding:var(-- pace-xx ) var(-- pace- m);background:var(--color-gray-100);color:var(--color-text- econdary);border-radiu :var(--radiu -full);font- ize:var(--font- ize-x )}.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{po ition:relative;margin-bottom:var(-- pace-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- ize:var(--font- ize-ba e);border:var(--border-thin)  olid var(--input-border-color);border-radiu :var(--input-border-radiu );background:var(--color- urface);tran ition:var(--tran ition-fa t)}.input-dna__field:focu{outline:none;border-color:var(--input-focu -color);box- hadow:var(--input-focu - hadow)}.input-dna__field:not(:-moz-placeholder)+.input-dna__label{top:8px;font- ize:var(--font- ize-x );color:var(--input-focu -color)}.input-dna__field:focu +.input-dna__label,.input-dna__field:not(:placeholder- hown)+.input-dna__label{top:8px;font- ize:var(--font- ize-x );color:var(--input-focu -color)}.input-dna__label{po ition:ab olute;left:var(--input-padding-x);top:50%;tran form:tran lateY(-50%);font- ize:var(--font- ize-ba e);color:var(--color-text- econdary);tran ition:var(--tran ition-fa t);pointer-event :none;background:var(--color- urface);padding:0 var(-- pace-xx )}.input-dna__helper{margin-top:var(-- pace-x );font- ize:var(--font- ize- m);color:var(--color-text- econdary)}.input-dna__error{color:var(--color-danger)}.input-dna--gla  .input-dna__field{background:h la(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px  olid h la(0,0%,100%,.2)}.feature-card{text-align:center;padding:var(-- pace-xl);tran ition:var(--tran ition-default)}.feature-card__icon{width:80px;height:80px;margin:0 auto var(-- pace-lg);background:var(--gradient-primary);border-radiu :var(--radiu -2xl);di play:flex;align-item :center;ju tify-content:center;font- ize:2rem;color:var(--color-white);box- hadow:var(-- hadow-lg);tran ition:var(--tran ition-default)}.feature-card:hover .feature-card__icon{tran form:cale(1.1) rotate(5deg)}.feature-card__title{font- ize:var(--font- ize-lg);font-weight:var(--font-weight- emibold);margin-bottom:var(-- pace- m);color:var(--color-text-primary)}.feature-card__de cription{color:var(--color-text- econdary);line-height:var(--line-height-relaxed)}. tat-card{text-align:center}. tat-card__value{font- ize:var(--font- ize-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(-- pace-x )}. tat-card__label{font- ize:var(--font- ize-ba e);color:var(--color-text- econdary);font-weight:var(--font-weight-medium)}. tat-card__trend{di play:inline-flex;align-item :center;gap:var(-- pace-xx );margin-top:var(-- pace- m);font- ize:var(--font- ize- m);color:var(--color- ucce )}. tat-card__trend--up{color:var(--color- ucce )}. tat-card__trend--down{color:var(--color-danger)}.hero-dna{po ition:relative;min-height:600px;di play:flex;align-item :center;padding:var(-- pace- ection) 0;overflow:hidden}.hero-dna::before{content:"";po ition:ab olute;in et:0;background-image:url("data:image/ vg+xml,%3C vg width='100' height='100' viewBox='0 0 100 100' xmln ='http://www.w3.org/2000/ vg'%3E%3Cpath d='M50,30 Q60,50 50,70 Q40,50 50,30' fill='none'  troke='%23f72c93'  troke-width='0.5' opacity='0.1'/%3E%3C/ vg%3E");background- ize:100px 100px;animation:dna-float 20  linear infinite;opacity:.1}.hero-dna__content{po ition:relative;z-index:1}.hero-dna__title{font- ize:var(--font- ize-4xl);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);margin-bottom:var(-- pace-lg);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.hero-dna__ ubtitle{font- ize:var(--font- ize-xl);color:var(--color-text- econdary);line-height:var(--line-height-relaxed);margin-bottom:var(-- pace-xl);max-width:600px}.hero-dna__cta{di play:flex;gap:var(-- pace-md);flex-wrap:wrap}.hero-dna__image{po ition:ab olute;right:0;top:50%;tran form:tran lateY(-50%);width:50%;height:auto;opacity:.1}@media(min-width:768px){.hero-dna__image{opacity:1}}@keyframe  dna-float{0%{tran form:tran late(0, 0) rotate(0deg)}100%{tran form:tran late(-100px, -100px) rotate(360deg)}}.nav-dna{po ition: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- hadow:var(-- hadow- m);z-index:var(--z- ticky);tran ition:var(--tran ition-default)}.nav-dna-- crolled{background:h la(0,0%,100%,.98);box- hadow:var(-- hadow-md)}.nav-dna__container{height:100%;di play:flex;align-item :center;ju tify-content:pace-between;padding:0 var(-- pace-lg);max-width:var(--container-xl);margin:0 auto}.nav-dna__logo{di play:flex;align-item :center;gap:var(-- pace- m);font- ize:var(--font- ize-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{di play:flex;align-item :center;gap:var(-- pace-xl);li t- tyle:none;margin:0;padding:0}.nav-dna__link{color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-weight-medium);tran ition:var(--tran ition-fa t);po ition:relative}.nav-dna__link::after{content:"";po ition:ab olute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);tran ition:width var(--duration-fa t) var(--ea e-out)}.nav-dna__link:hover::after,.nav-dna__link--active::after{width:100%}.nav-dna__action{di play:flex;align-item :center;gap:var(-- pace-md)}.modal-dna{po ition:fixed;in et:0;z-index:var(--z-modal);di play:flex;align-item :center;ju tify-content:center;padding:var(-- pace-lg);opacity:0;vi ibility:hidden;tran ition:var(--tran ition-default)}.modal-dna--open{opacity:1;vi ibility:vi ible}.modal-dna__backdrop{po ition:ab olute;in et:0;background:var(--modal-backdrop);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-dna__content{po ition:relative;background:var(--color- urface);border-radiu :var(--modal-radiu );box- hadow:var(--modal- hadow);max-width:500px;width:100%;max-height:90vh;overflow:auto;tran form:cale(0.9);tran ition:tran form var(--duration-normal) var(--ea e-bounce)}.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{padding:0 var(-- pace-xl) var(-- pace-xl);di play:flex;gap:var(-- pace-md);ju tify-content:flex-end}.modal-dna__clo e{po ition:ab olute;top:var(-- pace-md);right:var(-- pace-md);width:40px;height:40px;border-radiu :50%;border:none;background:var(--color-gray-100);color:var(--color-text- econdary);di play:flex;align-item :center;ju tify-content:center;cur or:pointer;tran ition:var(--tran ition-fa t)}.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;width:60%;margin-bottom:var(-- pace-md)}. keleton--avatar{width:60px;height:60px;border-radiu :50%}. keleton--card{height:300px}@keyframe   keleton-loading{}.gla -effect{background:h la(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px  olid h la(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-gla ,.panel-gla{background:h la(0,0%,100%,.05);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px  olid h la(0,0%,100%,.1);border-radiu :var(--radiu -xl);box- hadow:0 4px 20px 0 rgba(0,0,0,.1);tran ition:all var(--duration-normal) var(--ea e-out)}.card-gla :hover,.panel-gla :hover{background:h la(0,0%,100%,.08);border-color:h la(0,0%,100%,.15);box- hadow:0 8px 30px 0 rgba(0,0,0,.15);tran form:tran lateY(-2px)}.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{padding:var(-- pace-xl);margin-bottom:var(-- pace-lg)}.form-floating-dna{po ition:relative;margin-bottom:var(-- pace-lg)}.form-floating-dna .form-control{height:calc(3.5rem + 2px);padding:1rem var(-- pace-md);font- ize:var(--font- ize-ba e);border:2px  olid var(--border-color);border-radiu :var(--radiu -lg);background:h la(0,0%,100%,.9);tran ition:all var(--duration-fa t) var(--ea e-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:focu{border-color:var(--color-primary);box- hadow:0 0 0 4px rgba(15,117,189,.1);background:var(--color-white)}.form-floating-dna .form-control:not(:-moz-placeholder)~label{opacity:1;tran form:tran lateY(-1.5rem)  cale(0.85);color:var(--color-primary)}.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:var(--color-primary)}.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{po ition:ab olute;top:1rem;left:var(-- pace-md);font- ize:var(--font- ize-ba e);color:var(--color-text- econdary);pointer-event :none;tran form-origin:0 0;tran ition:all var(--duration-fa t) var(--ea e-out);background:linear-gradient(to bottom, tran parent 0%, tran parent 40%, white 40%, white 100%);padding:0 var(-- pace-x )}.form-floating-dna.form-floating-gla  .form-control{background:h la(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);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{color:h la(0,0%,100%,.8);background:rgba(0,0,0,0)}. keleton-loader{po ition:relative;overflow:hidden;background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background- ize:200% 100%;animation:loading- himmer 1.5  infinite;border-radiu :4px;height:20px}. keleton-loader::after{content:"";po ition:ab olute;top:0;right:0;bottom:0;left:0;tran form:tran lateX(-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:himmer 2  infinite}. keleton-loader--text{height:1rem;border-radiu :var(--radiu - m);margin-bottom:var(-- pace- m)}. keleton-loader--text:la t-child{width:60%}. keleton-loader--title{height:2rem;width:50%;border-radiu :var(--radiu -md);margin-bottom:var(-- pace-md)}. keleton-loader--avatar{width:80px;height:80px;border-radiu :50%}. keleton-loader--button{height:48px;width:120px;border-radiu :var(--radiu -md)}. keleton-loader--card{height:320px;border-radiu :var(--radiu -xl)}. keleton-loader--image{width:100%;height:200px;border-radiu :var(--radiu -lg)}@keyframe   himmer{}.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:var(-- pace-xl)}.hero-modern__title{font- ize:clamp(2.5rem,8vw,5rem);font-weight:var(--font-weight-black);color:var(--color-white);margin-bottom:var(-- pace-lg);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:rgba(0,0,0,0);background-clip:text}.hero-modern__ ubtitle{font- ize:clamp(1.2rem,3vw,1.5rem);color:h la(0,0%,100%,.9);margin-bottom:var(-- pace-2xl);animation:fadeInUp 1  ea e-out .2  both;line-height:1.6}.hero-modern__cta{di play:flex;gap:var(-- pace-md);ju tify-content:center;flex-wrap:wrap;animation:fadeInUp 1  ea e-out .4  both}.hero-modern__ croll{po ition:ab olute;bottom:var(-- pace-xl);left:50%;tran form:tran lateX(-50%);color:var(--color-white);font- ize:1.5rem;cur or:pointer;opacity:.6;tran ition:all var(--duration-fa t)}.hero-modern__ croll:hover{opacity:1;tran form:tran lateX(-50%) tran lateY(-4px)}.hero-modern__ hape{po ition:ab olute;opacity:.03;pointer-event :none}.hero-modern__ hape--1{top:10%;left:10%;width:100px;height:100px;background:var(--color- econdary);border-radiu :30% 70% 70% 30%/30% 30% 70% 70%}.hero-modern__ hape--2{top:60%;right:10%;width:150px;height:150px;background:var(--color-primary);border-radiu :63% 37% 54% 46%/55% 48% 52% 45%}.hero-modern__ hape--3{bottom:10%;left:30%;width:80px;height:80px;background:var(--color-accent);border-radiu :41% 59% 41% 59%/41% 59% 41% 59%}@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(10px)}to{opacity:1;tran form:tran lateY(0)}}.btn-hover-fill{po ition:relative;overflow:hidden;tran ition:all var(--duration-normal) var(--ea e-out);z-index:1}.btn-hover-fill::before{content:"";po ition:ab olute;top:0;left:0;width:0;height:100%;background:h la(0,0%,100%,.2);tran ition:all var(--duration-normal) var(--ea e-out);z-index:-1}.btn-hover-fill:hover::before{width:100%}.btn-hover-fill:hover{tran form:tran lateY(-2px);box- hadow:0 10px 20px rgba(0,0,0,.1)}.btn-hover- lide{po ition:relative;overflow:hidden;tran ition:all var(--duration-normal) var(--ea e-out)}.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:var(--gradient-primary);tran ition:left var(--duration-normal) var(--ea e-out);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), 0.5);tran form:tran lateY(-2px)}.btn-hover-pul e{po ition:relative}.btn-hover-pul e::before{content:"";po ition:ab olute;top:50%;left:50%;width:100%;height:100%;border-radiu :inherit;background:var(--color-primary);opacity:0;tran form:tran late(-50%, -50%);tran ition:all var(--duration- low) var(--ea e-out)}.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(0.9)}50%{opacity:0;tran form:tran late(-50%, -50%)  cale(1.5)}100%{opacity:0;tran form:tran late(-50%, -50%)  cale(1.5)}}.micro-interaction{tran ition:all var(--duration-fa t) var(--ea e-out);cur or:pointer}.micro-interaction:active{tran form:cale(0.95)}.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 .helix . trand{po ition:ab olute;width:100%;height:100%;border-radiu :50%}.dna-helix-loader .helix . trand:nth-child(1){border:3px  olid rgba(0,0,0,0);border-left-color:var(--color-primary);border-right-color:var(--color-primary);animation:trand1 1.5  ea e-in-out infinite}.dna-helix-loader .helix . trand:nth-child(2){border:3px  olid rgba(0,0,0,0);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)}}.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{font-family:var(--font- econdary);font- ize:var(--text-di play);font-weight:var(--font-weight-black);line-height:var(--line-height-di play);letter- pacing:var(--letter- pacing-di play);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- moothing:antialia ed;-moz-o x-font- moothing:gray cale}.text-hero{font-family:var(--font- econdary);font- ize:var(--text-hero);font-weight:var(--font-weight-bold);line-height:var(--line-height-hero);letter- pacing:var(--letter- pacing-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- ize:var(--text-lead);font-weight:var(--font-weight-medium);line-height:var(--line-height-body);color:var(--color-text- econdary);max-width:65ch}.text-overline{font- ize:var(--text-overline);font-weight:var(--font-weight-bold);letter- pacing:var(--letter- pacing-overline);text-tran form:upperca e;color:var(--color-primary);margin-bottom:var(-- pace- m)}.text- himmer{background:linear-gradient(90deg, var(--color-text-primary) 0%, var(--color-primary) 50%, var(--color-text-primary) 100%);background- ize:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;animation:himmer-text 3  ea e-in-out infinite}@keyframe   himmer-text{0%,100%{background-po ition:0% 50%}50%{background-po ition:100% 50%}}.animate-bounce{animation:bounce 2  var(--ea e-bounce-out) infinite}.animate- tagger>*{opacity:0;tran form:tran lateY(20px);animation:lideUp var(--duration-medium) var(--ea e-bounce-out) forward }.animate- tagger>*:nth-child(1){animation-delay:0m }.animate- tagger>*:nth-child(2){animation-delay:100m }.animate- tagger>*:nth-child(3){animation-delay:200m }.animate- tagger>*:nth-child(4){animation-delay:300m }.animate- tagger>*:nth-child(5){animation-delay:400m }.animate- tagger>*:nth-child(6){animation-delay:500m }@keyframe  fadeIn{}@keyframe   lideUp{}@keyframe   caleIn{}@keyframe  float{}@keyframe  pul e{}@keyframe  bounce{0%,20%,53%,80%,100%{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{po ition:relative;di play:inline-flex;align-item :center;ju tify-content:center;gap:var(-- pace-x );padding:var(-- pace- m) var(-- pace-lg);font-family:var(--font-primary);font- ize:var(--font- ize-ba e);font-weight:var(--font-weight- emibold);line-height:1;text-decoration:none;border:none;border-radiu :var(--radiu -lg);cur or:pointer;tran ition:var(--tran ition- mooth);overflow:hidden;min-height:44px;min-width:44px}.btn-premium::before{content:"";po ition:ab olute;top:50%;left:50%;width:0;height:0;border-radiu :50%;background:h la(0,0%,100%,.3);tran form:tran late(-50%, -50%);tran ition:width var(--duration- low),height var(--duration- low);pointer-event :none}.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{width:300px;height:300px}.btn-premium--primary{background:var(--gradient-primary);color:var(--color-white);box- hadow:var(-- hadow-primary- oft)}.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);color:var(--color-white);box- hadow:var(-- hadow- econdary- oft)}.btn-premium-- econdary:hover{box- hadow:var(-- hadow- econdary-medium)}.btn-premium--gla{background:var(--gla -bg-light);backdrop-filter:var(--gla -backdrop);-webkit-backdrop-filter:var(--gla -backdrop);border:1px  olid var(--gla -border);color:var(--color-white);box- hadow:var(-- hadow-gla )}.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);color:var(--color-primary);border:2px  olid rgba(0,0,0,0);background-clip:padding-box}.btn-premium--gradient-border::after{content:"";po ition:ab olute;in et:0;border-radiu :inherit;padding:2px;background:var(--gradient-primary);-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;pointer-event :none}.btn-premium--gradient-border:hover{color:var(--color-white)}.btn-premium--gradient-border:hover::after{background:var(--gradient-primary)}.btn-premium-- m{padding:var(-- pace-x ) var(-- pace-md);font- ize:var(--font- ize- m);min-height:36px}.btn-premium--lg{padding:var(-- pace-md) var(-- pace-xl);font- ize:var(--font- ize-lg);min-height:56px}.btn-premium--xl{padding:var(-- pace-lg) var(-- pace-2xl);font- ize:var(--font- ize-xl);min-height:64px}.btn-premium--loading{color:rgba(0,0,0,0);pointer-event :none}.btn-premium--loading::after{content:"";po ition:ab olute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px  olid var(--color-white);border-radiu :50%;border-top-color:rgba(0,0,0,0);animation:pinner .8  linear infinite}.btn-premium:di abled,.btn-premium--di abled{opacity:.5;cur or:not-allowed;tran form:none !important;box- hadow:none !important}.btn-premium:di abled::before,.btn-premium--di abled::before{di play:none}@keyframe   pinner{to{tran form:rotate(360deg)}}.form-group-premium{po ition:relative;margin-bottom:var(-- pace-lg)}.form-group-premium .form-control{width:100%;height:56px;padding:0 var(-- pace-md);font-family:var(--font-primary);font- ize:var(--font- ize-ba e);color:var(--color-text-primary);background:var(--color-white);border:2px  olid var(--border-color);border-radiu :var(--radiu -lg);tran ition:var(--tran ition- mooth)}.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{outline:none;border-color:var(--color-primary);box- hadow:0 0 0 4px rgba(var(--color-primary-rgb), 0.1);background:var(--color-white)}.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), 0.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), 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{tran form:tran lateY(-24px)  cale(0.85);color:var(--color-primary)}.form-group-premium--floating .form-control:focu +label,.form-group-premium--floating .form-control:not(:placeholder- hown)+label{tran form:tran lateY(-24px)  cale(0.85);color:var(--color-primary)}.form-group-premium--floating label{po ition:ab olute;top:50%;left:var(-- pace-md);tran form:tran lateY(-50%);font- ize:var(--font- ize-ba e);color:var(--color-text- econdary);tran ition:var(--tran ition- mooth);pointer-event :none;background:var(--color-white);padding:0 var(-- pace-x );tran form-origin:left center}.form-group-premium--gla  .form-control{background:var(--gla -bg-light);backdrop-filter:var(--gla -backdrop);-webkit-backdrop-filter:var(--gla -backdrop);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:rgba(0,0,0,0);color:h la(0,0%,100%,.8)}.form-group-premium .form-help{margin-top:var(-- pace-x );font- ize:var(--font- ize- m);color:var(--color-text- econdary)}.form-group-premium .form-help.i -invalid{color:var(--color-danger)}.form-group-premium .form-help.i -valid{color:var(--color- ucce )}.card-premium{po ition:relative;background:var(--color-white);border-radiu :var(--radiu -xl);padding:var(-- pace-xl);box- hadow:var(-- hadow-03);tran ition:var(--tran ition- mooth);overflow:hidden}.card-premium:hover{tran form:tran lateY(-4px);box- hadow:var(-- hadow-05)}.card-premium--gla{background:var(--gla -bg-light);backdrop-filter:var(--gla -backdrop);-webkit-backdrop-filter:var(--gla -backdrop);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{border:2px  olid rgba(0,0,0,0);background-clip:padding-box}.card-premium--gradient-border::before{content:"";po ition:ab olute;in et:0;border-radiu :inherit;padding:2px;background:var(--gradient-primary);-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}.card-premium-- himmer{overflow:hidden}.card-premium-- himmer::after{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:himmer 3  ea e-in-out infinite}@keyframe   himmer{}. keleton-premium{background:linear-gradient(90deg, var(--color-gray-200) 25%, var(--color-gray-100) 50%, var(--color-gray-200) 75%);background- ize:400% 100%;animation:keleton- himmer 1.5  ea e-in-out infinite;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;width:60%;margin-bottom:var(-- pace-md)}. keleton-premium--avatar{width:60px;height:60px;border-radiu :50%}. keleton-premium--button{height:44px;width:120px;border-radiu :var(--radiu -lg)}. keleton-premium--card{height:300px;border-radiu :var(--radiu -xl)}@keyframe   keleton- himmer{0%{background-po ition:200% 0}}.dna-loader{width:100px;height:100px;po ition:relative;margin:0 auto}.dna-loader .helix{width:100%;height:100%;po ition:relative}.dna-loader .helix . trand{po ition:ab olute;width:100%;height:100%;border-radiu :50%;border:3px  olid rgba(0,0,0,0);animation:rotate 2  linear infinite}.dna-loader .helix . trand:nth-child(1){border-left-color:var(--color-primary);border-right-color:var(--color-primary);animation-delay:0 }.dna-loader .helix . trand:nth-child(2){border-top-color:var(--color- econdary);border-bottom-color:var(--color- econdary);animation-delay:-0.5 }.dna-loader .helix . trand:nth-child(3){border-left-color:var(--color-accent);border-right-color:var(--color-accent);animation-delay:-1 ;opacity:.6;tran form:cale(0.8)}@keyframe  rotate{}.gla -light{background:var(--gla -bg-light);backdrop-filter:var(--gla -backdrop);-webkit-backdrop-filter:var(--gla -backdrop);border:1px  olid var(--gla -border)}.gla -dark{background:var(--gla -bg-dark);backdrop-filter:var(--gla -backdrop);-webkit-backdrop-filter:var(--gla -backdrop);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{outline:none;box- hadow:var(-- hadow-focu )}.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- econdary{background:var(--gradient- econdary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(prefer -reduced-motion:reduce){}@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}.mr-0,.me-0{margin-right:0}.mr-1,.me-1{margin-right:var(-- pace-xx )}.mr-2,.me-2{margin-right:var(-- pace-x )}.mr-3,.me-3{margin-right:var(-- pace- m)}.mr-4,.me-4{margin-right:var(-- pace-md)}.mr-5,.me-5{margin-right:var(-- pace-lg)}.mr-6,.me-6{margin-right:var(-- pace-xl)}.mr-8,.me-8{margin-right:var(-- pace-2xl)}.mr-auto,.me-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)}.pr-0,.pe-0{padding-right:0}.pr-1,.pe-1{padding-right:var(-- pace-xx )}.pr-2,.pe-2{padding-right:var(-- pace-x )}.pr-3,.pe-3{padding-right:var(-- pace- m)}.pr-4,.pe-4{padding-right:var(-- pace-md)}.pr-5,.pe-5{padding-right:var(-- pace-lg)}.pr-6,.pe-6{padding-right:var(-- pace-xl)}.pr-8,.pe-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:#374151 !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:#374151 !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: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- 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:rgba(0,0,0,0) !important}.rounded-none{border-radiu :0 !important}.rounded- m{border-radiu :var(--radiu - m) !important}.rounded{border-radiu :var(--radiu -md) !important}.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{box- hadow:var(-- hadow-md) !important}. 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(-0.25rem)}.hover\:-tran late-y-2:hover{tran form:tran lateY(-0.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), 0.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(0.4, 0, 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-pul e{}@keyframe  dna- pin{from{tran form:rotate(0deg)}to{tran form:rotate(360deg)}}@keyframe  dna-float{0%,100%{tran form:tran lateY(0px)}50%{tran form:tran lateY(-10px)}}@keyframe  dna-glow{0%,100%{box- hadow:0 0 5px rgba(var(--color-primary-rgb), 0.5)}50%{box- hadow:0 0 20px rgba(var(--color-primary-rgb), 0.8)}}.compatibility-high{background:var(--gradient- ucce );color:var(--color-white);animation:compatibility-glow 2  ea e-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)}@keyframe  compatibility-glow{0%,100%{box- hadow:0 0 10px rgba(var(--color- ucce -rgb), 0.5)}50%{box- hadow:0 0 20px rgba(var(--color- ucce -rgb), 0.8)}}.love-chemi try{po ition:relative}.love-chemi try::before{content:"💕";po ition:ab olute;top:-10px;right:-10px;font- ize:1.2em;animation:love-beat 1.5  ea e-in-out infinite;opacity:.8}@keyframe  love-beat{0%,100%{tran form:cale(1)}50%{tran form:cale(1.3)}}.match-percentage{po ition:relative;di play:inline-flex;align-item :center;ju tify-content:center;width:60px;height:60px;border-radiu :50%;font-weight:var(--font-weight-bold);font- ize:var(--font- ize-lg)}.match-percentage::before{content:"";po ition:ab olute;in et:-2px;border-radiu :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 2  ea e-in-out}@keyframe  percentage-rotate{from{tran form:rotate(0deg)}to{tran form:rotate(360deg)}}.not- r-only{po ition:tatic;width:auto;height:auto;padding:0;margin:0;overflow:vi ible;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:rgba(0,0,0,0) !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{line-height:1.2;margin-bottom:var(-- pacing-lg);font- ize:var(--font- ize-4xl)}h2,.h2{line-height:1.3;margin-bottom:var(-- pacing-md);font- ize:var(--font- ize-3xl)}h3,.h3{line-height:1.4;margin-bottom:var(-- pacing-md);font- ize:var(--font- ize-2xl)}body,.body-text{font- ize:var(--font- ize-ba e);line-height:1.6}.btn{tran form:tran lateY(0);min-width:44px;font- ize:1rem;font-family:var(--font-primary);border-radiu :var(--radiu -md);border:none;font-weight:500;min-height:44px;padding:.5rem 1.5rem;tran ition:all .2  ea e}.btn-lg{font- ize:var(--font- ize-ba e);padding:var(-- pacing-md) var(-- pacing-lg)}.btn:hover{tran form:tran lateY(-1px);box- hadow:0 4px 12px rgba(0,0,0,.15)}.btn:active{tran form:tran lateY(0);tran ition-duration:.1 }.form-control,.form- elect{border-width:1px;border-radiu :var(--input-border-radiu );border-color:var(--input-border-color);padding:var(--input-padding-y) var(--input-padding-x);font-family:var(--font-primary);tran ition:var(--tran ition-fa t)}.form-control:focu ,.form- elect:focu{tran form:cale(1.01);border-color:var(--input-focu -color);box- hadow:var(--input-focu - hadow)}.card{border:none;border-radiu :var(--card-radiu );box- hadow:var(--card- hadow);tran ition:var(--tran ition-default);overflow:hidden}.card:hover{tran form:tran lateY(-4px);box- hadow:var(--card- hadow-hover)}@keyframe  pul e-glow{0%,100%{opacity:1}50%{opacity:.7}}.loading-pul e{animation:pul e-glow 1.5  ea e-in-out infinite}@keyframe   ucce -bounce{0%,100%{tran form:cale(1)}50%{tran form:cale(1.05)}}. ucce -bounce{animation:ucce -bounce .6  ea e-in-out}.text-muted,.form-text,. mall{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{color:#495057;border-color:#495057}.btn-outline- econdary:hover{color:#fff;background-color:#495057;border-color:#495057}.po itive-feedback{color:#198754;font- ize:.875rem;margin-top:.25rem;di play:flex;align-item :center}.po itive-feedback::before{content:"✓";margin-right:.25rem;font-weight:bold}.enhanced-feedback{animation:fadeInUp .3  ea e}@keyframe  fadeInUp{}.pa word- trength-container{margin-top:.5rem}.pa word- trength-bar{height:4px;background-color:#e9ecef;border-radiu :2px;overflow:hidden;margin-bottom:.25rem}.pa word- trength-fill{height:100%;tran ition:all .3  ea e;border-radiu :2px}.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{font- ize:.75rem;color:#6c757d}@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{width:100%;margin-bottom:1rem}@media(min-width:768px){.match-da hboard .match-card{width:calc(50% - 1rem);margin-right: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{width:100%;margin-bottom:.5rem}@media(min-width:768px){.match-da hboard .match-card .match-action  button{width:auto;margin-bottom:0;margin-right:.5rem}.match-da hboard .match-card .match-action  button:la t-child{margin-right:0}}.navbar{backdrop-filter:blur(10px);tran ition:all .3  ea e;padding:1rem 0;box- hadow:0 2px 10px rgba(0,0,0,.1)}@media(min-width:768px){.navbar{padding:1rem 2rem}}.navbar .nav-menu{po ition:fixed;left:-100%;top:70px;flex-direction:column;background-color:#fff;width:100%;text-align:center;tran ition:.3 ;box- hadow:0 10px 27px rgba(0,0,0,.05);z-index:1000}.navbar .nav-menu.active{left:0}@media(min-width:768px){.navbar .nav-menu{po ition:tatic;flex-direction:row;width:auto;box- hadow:none}}.navbar .hamburger{di play:block;cur or:pointer}@media(min-width:768px){.navbar .hamburger{di play:none}}.navbar .hamburger.active .bar:nth-child(2){opacity:0}.navbar .hamburger.active .bar:nth-child(1){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{max-width:600px;margin:0 auto}}.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{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-radiu :0}@media(min-width:768px){.modal .modal-content{height:auto;border-radiu :.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- 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}}@media(prefer -reduced-motion:reduce){}. crollable{-webkit-overflow- crolling:touch;overflow-y:auto}body{overflow-x:hidden;height:100%;font-family:var(--font-primary);font- ize:var(--font- ize-ba e);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font- moothing:antialia ed;-moz-o x-font- moothing:gray cale;min-height:100vh;di play:flex;flex-direction:column;margin:0;padding:0}.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{font-family:var(--font- econdary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);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{min-height:100%;margin-bottom:-100px;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);text-decoration:none;tran ition:var(--tran ition-fa t)}a:hover{color:var(--color-primary-dark);text-decoration:none}.btn-primary{background:var(--gradient-primary);border:0;box- hadow:var(-- hadow-primary-light);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);background- ize:120% 120%;border-color:#0f75bd;background-color:#0056b3;color:#fff}.btn-primary:hover{tran form:tran lateY(-2px);box- hadow:var(-- hadow-primary);background-color:#004494}.btn- econdary{background:var(--gradient- econdary);background-color:#6c757d;color:#fff !important;border-color:#6c757d}.btn- econdary:hover{tran form:tran lateY(-2px);box- hadow:var(-- hadow- econdary)}.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- 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%,.95)}.card.card-gla{background:rgba(0,0,0,0);backdrop-filter:none;border:none;box- hadow:none}.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), 0.1)}.offcanva  .nav-pill  .nav-link.active{background:var(--gradient-primary)}.form-floating{po ition:relative}.form-floating>label{font-weight:var(--font-weight-medium);color:var(--color-text- econdary);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-radiu :var(--radiu -md);border:2px  olid var(--color-border);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), 0.15)}.form-floating>.form-control.i -valid{border-color:var(--color- ucce );background-image:none}.form-floating>.form-control.i -invalid{border-color:var(--color-danger);background-image:none}.toa t-container .toa t{border:none;border-radiu :var(--radiu -lg);box- hadow:var(-- hadow-lg);backdrop-filter:blur(10px)}.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{from{tran form:tran lateX(100%);opacity:0}to{tran form:tran lateX(0);opacity:1}}@keyframe  toa tSlideOut{from{tran form:tran lateX(0);opacity:1}to{tran form:tran lateX(100%);opacity:0}}.dropdown-menu{border-radiu :var(--radiu -lg);box- hadow:var(-- hadow-lg);padding:.5rem 0;background-color:#fff;border:1px  olid rgba(0,0,0,.15);z-index:1000}.dropdown-menu .dropdown-item{padding:.75rem 1rem;tran ition:var(--tran ition-fa t)}.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focu{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- ize:var(--font- ize- m)}.dropdown-menu .dropdown-divider{margin:.5rem 0;opacity:.2}.progre{border-radiu :var(--radiu -full);background-color:rgba(var(--color-primary-rgb), 0.1)}.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, rgba(255, 255, 255, 0.15) 25%, tran parent 25%, tran parent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, tran parent 75%, tran parent);background- ize:1rem 1rem}.wa -validated .form-control:valid,.form-control.i -valid{border-color:var(--color- ucce )}.wa -validated .form-control:valid:focu ,.form-control.i -valid:focu{border-color:var(--color- ucce );box- hadow:0 0 0 .25rem rgba(var(--color- ucce -rgb), 0.15)}.wa -validated .form-control:invalid,.form-control.i -invalid{border-color:var(--color-danger)}.wa -validated .form-control:invalid:focu ,.form-control.i -invalid:focu{border-color:var(--color-danger);box- hadow:0 0 0 .25rem rgba(var(--color-danger-rgb), 0.15)}.btn.btn-hover-glow:hover{box- hadow:0 0 20px rgba(var(--color-primary-rgb), 0.4)}.btn.btn-ripple{po ition:relative;overflow:hidden}.btn.btn-ripple::after{content:"";po ition:ab olute;top:50%;left:50%;width:0;height:0;border-radiu :50%;background:h la(0,0%,100%,.3);tran ition:all .3  ea e;tran form:tran late(-50%, -50%)}.btn.btn-ripple:active::after{width:200px;height:200px}.navbar .navbar-brand{font-family:var(--font- econdary);font-weight:800;text-tran form:upperca e;letter- pacing:1px;di play:flex;align-item :center;gap:10px;tran ition:all .3  ea e}.navbar .navbar-nav .nav-link{font-weight:600;font- ize:1rem;letter- pacing:.5px;text-tran form:upperca e;po ition:relative;padding:.5rem 1.2rem !important;tran ition:all .3  ea e}.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-radiu :var(--radiu -full);padding:.35em .65em}.badge.bg-danger{animation:pul e 2  infinite}@keyframe  pul e{0%{tran form:cale(1);opacity:.6}100%{tran form:cale(1);opacity:.6}}.info-card{tran ition:var(--tran ition-fa t);border:1px  olid rgba(0,0,0,0)}.info-card:hover{border-color:var(--color-primary);background-color:rgba(var(--color-primary-rgb), 0.05) !important;tran form:tran lateY(-1px)}.info-card i{font- ize:.875rem}.progre -circle{po ition:relative;di play:inline-flex;align-item :center;ju tify-content:center;width:60px;height:60px;border-radiu :50%;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) 360deg)}.progre -circle::before{content:"";po ition:ab olute;in et:3px;background:var(--color-white);border-radiu :50%}.progre -circle>*{po ition:relative;z-index:1}.form-progre -container{background:rgba(var(--color-primary-rgb), 0.02);border-radiu :var(--radiu -lg);padding:1rem;border:1px  olid rgba(var(--color-primary-rgb), 0.1)}.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-top-right-radiu :0;border-bottom-right-radiu :0}.btn-group .btn:la t-child{border-top-left-radiu :0;border-bottom-left-radiu :0}.btn-group .btn:not(:fir t-child):not(:la t-child){border-radiu :0}.loading{po ition:relative;pointer-event :none}.loading::after{content:"";po ition:ab olute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px  olid var(--color-primary);border-top-color:rgba(0,0,0,0);border-radiu :50%;animation:pin .8  linear infinite}@keyframe   pin{to{tran form:rotate(360deg)}}.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,.h1,h2,.h2,h3,.h3{letter- pacing:-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- hadow:0 1px 2px rgba(16,24,40,.06),0 10px 20px rgba(16,24,40,.08)}.btn-primary:hover,.btn-primary:focu{tran form:tran lateY(-1px);box- hadow:var(-- hadow-primary- trong);background-po ition:10% 0;background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-accent{background:var(--gradient- econdary);color:var(--color-white);border:0;box- hadow:var(-- hadow- econdary-light)}.btn-accent:hover,.btn-accent:focu{color:var(--color-white);tran form:tran lateY(-1px);box- hadow:var(-- hadow- econdary- trong)}.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-top:clamp(2rem,3vw,4rem);padding-bottom:clamp(2rem,3vw,4rem)}. ection-lg{padding-top:clamp(3rem,4vw,6rem);padding-bottom:clamp(3rem,4vw,6rem)}@keyframe  fadeUp{from{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-weight:800;font- ize:clamp(2rem,4vw,3.25rem);line-height:1.1}.hero- ubtitle{color:h la(0,0%,100%,.85)}.badge- oft-primary{color:var(--color-primary);background:rgba(var(--color-primary-rgb), 0.12)}.badge- oft-accent{color:var(--color- econdary);background:rgba(var(--color- econdary-rgb), 0.12)}.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{font-weight:700;letter- pacing:-0.02em;color:var(--color-white) !important}.footer-beautiful{background:var(--gradient-dark);color:h la(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-error{color:var(--color-danger);background-color:var(--color-danger-light);border-color:var(--color-gray-200)}.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{margin-top:var(-- pace-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- 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)}. etting -menu,.activation-menu{margin-bottom:0px;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-primary,.progre - triped .progre -bar-info{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);margin-bottom:var(-- pace-md);font-weight:var(--font-weight-bold);text-decoration:none}.footer a{color:var(--color-gray-500);font- ize:var(--font- ize- m);text-decoration:none}.footer a:hover{color:var(--color-gray-100);font- ize:var(--font- ize- m);text-decoration:none}.btn-cta{min-height:var(--button-height-lg);font- ize:var(--font- ize-lg);background-color:#f72c93;color:#fff !important;border-color:#f72c93;font-weight:600}.btn-cta:hover{background-color:var(--color- econdary-dark);color:var(--color-white);border-color:var(--color- econdary)}.btn-cta:focu{background-color:var(--color- econdary-dark);color:var(--color-white);border-color:var(--color- econdary)}.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{di play:none}@media only  creen and (max-width:1000px){.full-banner-image{di play:none}.mobile-banner{di play:block;width:100%;margin-top:-65px}}@media only  creen and (max-width:600px){.full-banner-image{di play:none}.mobile-banner{di play: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:olid var(--border-medium) var(--color-white);margin-bottom:var(-- pace- m)}#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{di play:block;background-color:#333;color:#fff;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);text-align:center;margin-bottom:var(-- pace-2xl)}.upload{background-color:var(--color-gray-600);border:var(--border-medium)  olid var(--color-gray-700);padding-top:var(-- pace-4xl);padding-bottom:var(-- pace-4xl);text-align:center;color:var(--color-white)}.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);padding-top:var(-- pace-4xl);padding-bottom:var(-- pace-4xl);text-align:center;color:var(--color-white)}.di abled-zone{padding-top:var(-- pace-4xl);padding-bottom:var(-- pace-4xl);text-align:center}.photo_upload{background-color:var(--color-gray-600);border:var(--border-medium)  olid var(--color-gray-700);padding-top:var(-- pace-lg);padding-bottom:var(-- pace-lg);text-align:center;color:var(--color-white)}.form-inline .form-control{width:300px}. ignup{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- ocial{po ition:relative;padding-left:44px;text-align:left;white- pace:nowrap;overflow:hidden;text-overflow:ellip i }.btn- ocial>:fir t-child{po ition:ab olute;left:0;top:0;bottom:0;width:32px;line-height:34px;font- ize:1.6em;text-align:center;border-right:1px  olid rgba(0,0,0,.2)}.u er_action_required{di play:inline-block;po ition:relative;padding:var(-- pace-x ) var(-- pace-x ) var(-- pace-x ) calc(var(-- pace-lg) + var(-- pace-x ));background:url("../image /warning. vg") var(-- pace-x ) 50% no-repeat;background- ize:var(-- pace-lg) var(-- pace-lg);color:var(--color-warning)}.blog-hero{min-height:400px;background-image:url("/ tatic/image /blog/online-dating-relation hip -man-woman.jpg");background- ize:cover;background-po ition:center;background-repeat:no-repeat}.pre  a{text-decoration:none}.pre -grey{background-color:var(--color-gray-100)}.pre -icon{margin:0 auto;padding:var(-- pace-lg);text-align:center;background- ize:cover;background-po ition:center;background-repeat:no-repeat}.pre  h3{margin-top:0px}.hidden{di play:none}.heart -table tr th{font- ize:18px;width:200px;text-align:center}.heart -table tr td{padding:var(-- pace-2xl) 0;text-align:center}.upload-container{width:100%;padding:0;padding-bottom:var(-- pace-4xl);background-color:var(--color-gray-100)}.upload-banner{width:100%;margin-top:-65px}.navbar .dropdown-menu{po ition:ab olute;z-index:1050}.navbar-toggler{border:1px  olid h la(0,0%,100%,.95)}@media(min-width:992px){.navbar-expand-lg .navbar-toggler{di play:none !important}}.banner3.webp{background-image:url("../image /background/background3XL.webp") !important;background-po ition:center !important;background-repeat:no-repeat !important;background- ize:cover !important}.banner3.no-webp{background-image:url("../image /background/background3XL.jpeg") !important;background-po ition:center !important;background-repeat:no-repeat !important;background- ize:cover !important}@media  creen and (max-width:767px){.banner3.webp{background-image:url("../image /background/backgroundmobile1XL.webp") !important}.banner3.no-webp{background-image:url("../image /background/backgroundmobile1XL.jpg") !important}}.navbar-toggler-icon{background-image:url("data:image/ vg+xml,%3c vg xmln ='http://www.w3.org/2000/ vg' viewBox='0 0 30 30'%3e%3cpath  troke='rgba%28255, 255, 255, 0.8%29'  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{po ition:tatic;width:100%;margin-top:0;background-color:rgba(0,0,0,.1)}}.banner3{po ition:relative;height:100vh;background- ize:cover;background-po ition:center;background-repeat:no-repeat;di play:flex;align-item :center;ju tify-content:center;overflow:hidden;background-color:#333;background-image:linear-gradient(135deg, #667eea 0%, #764ba2 100%),url("/ tatic/image /background/couple.webp")}.banner3-content{po ition:relative;z-index:2;text-align:center;color:#fff;max-width:800px;padding:2rem}.banner3-title{font- ize:3rem;font-weight:bold;margin-bottom:1rem;text- hadow:2px 2px 4px rgba(0,0,0,.87)}.banner3- ubtitle{font- ize:1.5rem;margin-bottom:2rem;text- hadow:1px 1px 2px rgba(0,0,0,.87)}@media(max-width:768px){.banner3-title{font- ize:2rem}.banner3- ubtitle{font- ize:1.2rem}}.btn- tart-pwa{background-color:#f72c93;color:#fff;padding:1rem 2rem;font- ize:1.2rem;border:none;border-radiu :50px;text-decoration:none;di play:inline-block;tran ition:all .3  ea e;box- hadow:0 4px 6px rgba(0,0,0,.2)}.btn- tart-pwa:hover{background-color:#d11b68;tran form:tran lateY(-2px);box- hadow:0 6px 8px rgba(0,0,0,.3);color:#fff;text-decoration:none}.banner3,.banner3-dnaromance{background-image:url("/ tatic/image /background/background3XL.webp")}@media(max-width:768px){.banner3,.banner3-dnaromance{background-image:url("/ tatic/image /background/backgroundmobile1XL.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{background-image:url("/ tatic/image /DateMetriX/Per onalitie .png");background-po ition:center;background- ize:cover;di play:flex;align-item :center;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);padding:3rem;border-radiu :15px;margin:0 auto;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{background-image:url("/ tatic/image /genepool/pexel -pavel-danilyuk-6025139.jpg");background-po ition:center;background- ize:cover;di play:flex;align-item :center;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);padding:3rem;border-radiu :15px;margin:0 auto;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);padding:3rem;border-radiu :15px}.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);padding:3rem;border-radiu :15px}.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);padding:3rem;border-radiu :15px}.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{content:"";po ition:ab olute;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- 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 /DateMetriX/Per onalitie .png")}.banner3-genepool{background-image:url("/ tatic/image /genepool/pexel -pavel-danilyuk-6025139.jpg")}}.carou el-control-prev,.carou el-control-next{width:5%;color:#000;background:none;border:none}.carou el-control-prev-icon,.carou el-control-next-icon{background-color:rgba(0,0,0,.87);border-radiu :50%;padding:20px}.carou el-indicator  [data-b -target]{background-color:#000}.offline-container{min-height:100vh;di play:flex;align-item :center;ju tify-content:center;background-color:#f8f9fa}.offline-content{text-align:center;padding:2rem}.offline-icon{font- ize:5rem;color:#6c757d;margin-bottom:2rem}.offline-title{font- ize:2.5rem;margin-bottom:1rem;color:#343a40}.offline-me age{font- ize:1.2rem;color:#6c757d;margin-bottom:2rem}.btn-retry{background-color:#007bff;color:#fff;padding:.75rem 2rem;font- ize:1.1rem;border:none;border-radiu :50px;text-decoration:none;di play:inline-block;tran ition:all .3  ea e}.btn-retry:hover{background-color:#0056b3;tran form:tran lateY(-2px);color:#fff;text-decoration:none}.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{background-image:url("/ tatic/image /background/dnamatchmaker -hero.webp");background-po ition:center;background- ize:cover;di play:flex;align-item :center;ju tify-content:center;min-height:600px;po ition:relative}.banner3-dnamatchmaker ::before{content:"";po ition:ab olute;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-dnamatchmaker  .banner3-content{po ition:relative;z-index:2;text-align:center;padding:3rem;border-radiu :15px;background:h la(0,0%,100%,.1);backdrop-filter:blur(10px)}.banner3-dnamatchmaker  .banner3-content h1,.banner3-dnamatchmaker  .banner3-content h2,.banner3-dnamatchmaker  .banner3-content h3,.banner3-dnamatchmaker  .banner3-content p{margin:0 auto;color:#fff}.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;color:#1a237e;border:none;font-weight:700}.banner3-dnamatchmaker  .banner3-content .btn-dnamatchmaker -primary:hover{background-color:#ffc700;tran form:tran lateY(-2px);box- hadow:0 5px 15px rgba(255,215,0,.4)}.dropdown-item{color:#212529}.dropdown-item:hover,.dropdown-item:focu{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:hover,.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:focu{background-color:h la(0,0%,100%,.1);color:#fff}.btn-outline-heart{color:#f72c93;border-color:#f72c93}.btn-outline-heart :hover{background-color:#f72c93;color:#fff}.btn:di abled,.btn.di abled{opacity:.65;cur or:not-allowed}.btn-group>.btn:not(:la t-child):not(.dropdown-toggle){border-top-right-radiu :0;border-bottom-right-radiu :0}.btn-group>.btn:not(:fir t-child){border-top-left-radiu :0;border-bottom-left-radiu :0}.card-header{background-color:#f8f9fa;border-bottom:1px  olid rgba(0,0,0,.125)}.plan-card{tran ition:all .3  ea e;height:100%}.plan-card:hover{tran form:tran lateY(-5px);box- hadow: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-re pon ive{border:0}.table-compari on{font- ize:.875rem}.table-compari on th,.table-compari on td{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}}.navbar- ocial-container{di play:flex;align-item :center;gap:.75rem;margin-left:auto;margin-right:1rem}@media(max-width:991px){.navbar- ocial-container{di play:none}}.navbar- ocial-container . ocial-icon{font- ize:1.1rem;tran ition:all .3  ea e}@media(max-width:991px){.navbar-collap e{margin-top:1rem;padding:1rem;background:rgba(0,0,0,.05);border-radiu :10px}}@media(min-width:992px){.navbar-beautiful .navbar-collap e{di play:flex !important;flex-ba i :auto}.navbar-beautiful .navbar-nav{flex-direction:row !important;align-item :center;gap:.5rem}.navbar-beautiful .navbar-nav .nav-item{margin:0}.navbar-beautiful .navbar-nav .nav-item .nav-link{padding:.5rem .75rem !important;white- pace:nowrap}.navbar-beautiful .dropdown.m-0{margin:0 !important}.navbar-beautiful .dropdown.m-0 .nav-language-btn,.navbar-beautiful .dropdown.m-0 . ervice -dropdown{padding:.375rem .75rem}.navbar-beautiful .navbar- ocial-container{di play: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-item :center}.navbar-expand-lg .navbar-nav{di play:flex !important;flex-direction:row !important}.navbar-expand-lg .navbar-collap e{di play:flex !important;vi ibility:vi ible !important}}.nav- ignout-btn{background:none;border:none;color:inherit;padding:.5rem 1rem;font:inherit;cur or:pointer;text-tran form:upperca e;letter- pacing:.5px;font-weight:600;tran ition:all .3  ea e}.nav- ignout-btn:hover{opacity:.8}. ervice -dropdown{background:rgba(0,0,0,0) !important;border:1px  olid h la(0,0%,100%,.3);border-radiu :20px;color:inherit !important;font- ize:14px;padding:.5rem 1rem;text-tran form:upperca e;font-weight:600;letter- pacing:.5px}. ervice -dropdown:hover,. ervice -dropdown:focu{background:h la(0,0%,100%,.1) !important;border-color:h la(0,0%,100%,.95)}. ervice -dropdown::after{di play:none}. ervice -dropdown .dropdown- ymbol{margin-left:.5rem;font- ize:.8em}. ervice -li .dropdown-menu{margin-top:.5rem;border-radiu :10px;border:none;box- hadow:0 10px 30px rgba(0,0,0,.2);padding:1rem;min-width:280px}. ervice -li .dropdown-menu .dropdown-header{font-weight:700;text-tran form:upperca e;color:#666;font- ize:.85rem;padding:.5rem 1rem}. ervice -li .dropdown-menu .dropdown-item{padding:.75rem 1rem;border-radiu :5px;tran ition:all .3  ea e}. ervice -li .dropdown-menu .dropdown-item:hover{background:#f8f9fa;tran form:tran lateX(5px)}. ervice -li .dropdown-menu .dropdown-item .fa ,. ervice -li .dropdown-menu .dropdown-item .fab{width:20px;text-align:center}. ervice -li .dropdown-menu .dropdown-item  mall{di play:block;margin-top:.25rem;font- ize:.8rem}. ervice -li .dropdown-menu .dropdown-divider{margin:.75rem 0}.pre - ection{padding:60px 0;background-color:#f8f9fa}.pre -card{height:100%;tran ition:all .3  ea e;border:none;box- hadow:0 2px 4px rgba(0,0,0,.1)}.pre -card:hover{tran form:tran lateY(-5px);box- hadow:0 5px 15px rgba(0,0,0,.2)}.pre -card .card-body{min-height:250px;di play:flex;flex-direction:column}.pre -card .pre -icon{width:50px;height:50px;di play:flex;align-item :center;ju tify-content:center;margin:0 auto 1rem;font- ize:2rem;color:#6c757d}.pre -card .card-title{font- ize:1.1rem;font-weight:600;color:#333;margin-bottom:.5rem}.pre -card .card-text{flex-grow:1;font- ize:.9rem;color:#666}.pre -card .btn-read-more{margin-top:auto;align- elf:flex- tart}@media(max-width:768px){.pre -card .card-body{min-height:200px}}@media(max-width:575px){.pre -card .pre -icon{font- ize:1.5rem;width:40px;height:40px}.pre -card .card-title{font- ize:1rem}.pre -card .card-text{font- ize:.85rem}}.team- ection{padding:60px 0}.team- ection .team-member{text-align:center;margin-bottom:30px}.team- ection .team-member img{width:150px;height:150px;border-radiu :50%;-o-object-fit:cover;object-fit:cover;margin-bottom:15px}.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{font- ize:.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:focu ,button:focu ,input:focu ,textarea:focu , elect: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%;tran ition:all .3  ea e;overflow:hidden}.blog-card:hover{tran form:tran lateY(-5px);box- hadow:0 10px 20px rgba(0,0,0,.1)}.blog-card:hover .blog-image img{tran form:cale(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;tran ition:tran form .3  ea e}.blog-card .card-body{padding:1.25rem;flex:1}.blog-card .card-body p{margin-bottom:1rem;font- ize:.95rem;line-height:1.6;color:#555}.blog-card .card-body p:la t-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- ize:.875rem;color:#666;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{margin-right:.5rem;font-weight:normal}.blog-card .blog-tag  .badge:la t-child{margin-right:0}.pagination{margin-top:3rem;ju tify-content:center}.pagination .page-link{color:var(--color-primary);border-radiu :50%;margin:0 .25rem;width:40px;height:40px;di play:flex;align-item :center;ju tify-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.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), 0.25)}. earch-form . earch-icon{po ition:ab olute;left:1rem;top:50%;tran form:tran lateY(-50%);color:#666}.tag-cloud .tag-item{di play:inline-block;margin:.25rem}.tag-cloud .tag-item .badge{font- ize:.875rem;font-weight:normal;padding:.5rem 1rem}.tag-cloud .tag-item .badge:hover{background-color:var(--color-primary);color:#fff}.new letter- ignup{background-color:#f8f9fa;padding:2rem;border-radiu :10px;margin-top: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{di play:inline-block;margin-right:.5rem;padding:.5rem 1rem;border-radiu :50px;text-decoration:none;color:#fff;tran ition:all .3  ea e}. ocial- hare . hare-btn:hover{tran form:tran lateY(-2px);box- hadow:0 5px 10px rgba(0,0,0,.2)}. 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{margin-top:3rem;padding-top:3rem;border-top:1px  olid #eee}.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;color:#374151 !important}.comment - ection{margin-top:3rem;padding-top:3rem;border-top:1px  olid #eee}.comment - ection .comment-item{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px  olid #f0f0f0}.comment - ection .comment-item:la t-child{border-bottom:none;padding-bottom:0}.comment - ection .comment-item .comment-header{di play:flex;align-item :center;margin-bottom:1rem}.comment - ection .comment-item .comment-header .avatar{width:40px;height:40px;border-radiu :50%;margin-right:1rem}.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{font- ize:.875rem;color:#666}.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{font- ize:.875rem;color:#666;background:none;border:none;padding:0;margin-right:1rem;cur or:pointer}.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{background-color:#f8f9fa;padding:2rem;border-radiu :10px;margin-top:3rem;di play:flex;align-item :flex- tart}.author-bio .author-avatar{width:80px;height:80px;border-radiu :50%;margin-right:1.5rem;flex- hrink: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 . ocial-link  a{di play:inline-block;margin-right:1rem;color:#666;font- ize:1.2rem}.author-bio .author-info . ocial-link  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-de cription{font- ize:1.1rem;color:#666}.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  elect,.archive-filter  .filter-group input{max-width:200px}.taxonomy-header{text-align:center;padding:3rem 0;margin-bottom:3rem}.taxonomy-header .taxonomy-icon{font- ize:4rem;color:var(--color-primary);margin-bottom:1rem}.taxonomy-header h1{margin-bottom:1rem}.taxonomy-header .taxonomy-de cription{font- ize:1.1rem;color:#666;max-width:600px;margin:0 auto}.taxonomy-header .po t-count{margin-top:1rem;font- ize:.9rem;color:#666}pre{background-color:#f4f4f4;border:1px  olid #ddd;border-radiu :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-radiu :3px;font- ize:.875rem;color:#d14}blockquote{border-left:4px  olid var(--color-primary);padding-left:1rem;margin:1.5rem 0;font- tyle:italic;color:#666}blockquote p{margin-bottom:.5rem}blockquote p:la t-child{margin-bottom:0}blockquote cite{di play:block;margin-top:.5rem;font- ize:.875rem;color:#666;font- tyle:normal}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;font-weight:600;text-align:left;padding:.75rem;border-bottom:2px  olid #dee2e6}.table-re pon ive table td{padding:.75rem;border-bottom:1px  olid #dee2e6}.table-re pon ive table tr:la t-child td{border-bottom:none}.back-to-top{po ition:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background-color:var(--color-primary);color:#fff;border-radiu :50%;di play:flex;align-item :center;ju tify-content:center;font- ize:1.5rem;cur or:pointer;opacity:0;vi ibility:hidden;tran ition:all .3  ea e;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{di play:flex;ju tify-content:center;align-item :center;min-height:200px}. pinner-container . pinner-border{width:3rem;height:3rem;color:var(--color-primary)}.error-page{min-height:60vh;di play:flex;align-item :center;ju tify-content:center;text-align:center}.error-page .error-code{font- ize:8rem;font-weight:bold;color:var(--color-primary);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{.navbar,.footer,. idebar,. ocial- hare,.comment - ection,.new letter- ignup,.back-to-top{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{font- ize:14px !important;padding:.5rem 1rem !important;background:rgba(0,0,0,0);border:1px  olid h la(0,0%,100%,.3);border-radiu :20px}.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;text-tran form:upperca e;margin-left:.25rem}@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-top:2rem !important;padding-bottom:2rem !important}.who-we- erve- ection .compact-card{padding:1.5rem 1rem}}.banner3-couple -report{background-image:url("/ tatic/image /background/couple- kyline.webp");background-po ition:center;background- ize:cover;di play:flex;align-item :center;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);padding:3rem;border-radiu :15px;margin:0 auto;text-align:center}.banner3-couple -report .banner3-title{color:#fff;text-align:center}.top- ocial3{po ition:relative;z-index:1030}.top- ocial3 .top-nav{width:100%}.navbar.fixed-top{backdrop-filter:aturate(180%) blur(14px);-webkit-backdrop-filter:aturate(180%) blur(14px)}.navbar .navbar-brand:hover{tran form:cale(1.05);text- hadow:0 0 20px h la(0,0%,100%,.3)}.navbar .navbar-brand:hover img{tran form:rotate(3deg)  cale(1.05);filter:brightne (1.1) contra t(1.1)}.navbar .navbar-brand img{height:50px;width:auto;tran ition:all .3  ea e}.navbar .navbar-nav .nav-link::after{content:"";po ition:ab olute;bottom:0;left:50%;width:0;height:3px;background:currentColor;tran ition:all .3  ea e;tran form:tran lateX(-50%)}.navbar .navbar-nav .nav-link:hover::after,.navbar .navbar-nav .nav-link.active::after{width:80%}.navbar .navbar-toggler{border:2px  olid h la(0,0%,100%,.95);padding:.25rem .5rem}.navbar .navbar-toggler:focu{box- hadow:0 0 0 .2rem h la(0,0%,100%,.25)}.navbar-dnaromance{background:linear-gradient(135deg, #FF1744 0%, #FF6B8A 100%) !important;box- hadow: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;tran form:tran lateY(-2px)}.navbar-dnaromance .btn-accent{background:#fff;color:#ff1744;border:none;font-weight:700}.navbar-dnaromance .btn-accent:hover{background:#ffe5ec;tran form:tran lateY(-2px);box- hadow:0 5px 15px rgba(0,0,0,.2)}.navbar-dnaromance . ocial-icon{color:h la(0,0%,100%,.9) !important}.navbar-dnaromance . ocial-icon:hover{color:#fff !important;tran form:cale(1.2)}.navbar-datemetrix{box- hadow: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-tran form:upperca e;letter- pacing:1px;di play:flex;align-item :center;gap:10px;tran ition:all .3  ea e}.navbar-datemetrix .navbar-brand:hover{tran form:cale(1.05);text- hadow:0 0 20px h la(0,0%,100%,.95)}.navbar-datemetrix .navbar-brand:hover img{tran form:rotate(5deg)  cale(1.1);filter:brightne (1.2) contra t(1.2) drop- hadow(0 0 10px rgba(255, 255, 255, 0.95))}.navbar-datemetrix .navbar-brand img{height:45px;width:auto;filter:brightne (1.1) contra t(1.1);tran ition:all .3  ea e}.navbar-datemetrix .navbar-nav .nav-link{color:#fff !important;font-weight:600;font- ize:1.05rem;letter- pacing:.5px;text-tran form:upperca e;po ition:relative;padding:.5rem 1.2rem !important}.navbar-datemetrix .navbar-nav .nav-link::after{content:"";po ition:ab olute;bottom:0;left:50%;width:0;height:3px;background:#f7b500;tran ition:all .3  ea e;tran form:tran lateX(-50%)}.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{width:80px;height:80px;tran ition:tran form .3  ea e,box- hadow .3  ea e}. tep-icon:hover{tran form:cale(1.1);box- hadow: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- hadow:none !important;font-weight:700}body.datemetrix p,.datemetrix p{color:#333 !important;text- hadow: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  ection h1,body.datemetrix  ection h2,body.datemetrix  ection h3,body.datemetrix  ection h4,body.datemetrix  ection h5,body.datemetrix  ection 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  ection h1,.datemetrix  ection h2,.datemetrix  ection h3,.datemetrix  ection h4,.datemetrix  ection h5,.datemetrix  ection h6{color:#2e86ab !important;text- hadow: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- ection h1,body.datemetrix .hero- ection p,.datemetrix .banner3-datemetrix h1,.datemetrix .banner3-datemetrix h2,.datemetrix .banner3-datemetrix h3,.datemetrix .banner3-datemetrix p,.datemetrix .hero- ection h1,.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 0%, #9333EA 100%) !important;background-image:linear-gradient(135deg, #6a1b9a 0%, #9333EA 100%) !important}@media(max-width:991px){.navbar-datemetrix .navbar-collap e{background:linear-gradient(135deg, #6a1b9a 0%, #9333EA 100%) !important;padding:1rem;border-radiu :10px;margin-top:10px}}.navbar-datemetrix .navbar-brand,.navbar-datemetrix .nav-link,.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 0%, #00BFA5 100%) !important;box- hadow:0 2px 10px rgba(0,137,123,.3)}.navbar-genepool .navbar-brand{font-weight:800;color:#fff !important;text-tran form:upperca e;letter- pacing:1px;di play:flex;align-item :center;gap:10px;tran ition:all .3  ea e}.navbar-genepool .navbar-brand:hover{tran form:cale(1.05);text- hadow:0 0 20px h la(0,0%,100%,.95)}.navbar-genepool .navbar-brand:hover img{tran form:rotate(-5deg)  cale(1.1);filter:brightne (1.2) contra t(1.2) drop- hadow(0 0 10px rgba(255, 255, 255, 0.95))}.navbar-genepool .navbar-brand img{height:45px;width:auto;filter:brightne (1.1) contra t(1.1);tran ition:all .3  ea e}.navbar-genepool .navbar-nav .nav-link{color:#fff !important;font-weight:600;font- ize:1.05rem;letter- pacing:.5px;text-tran form:upperca e;po ition:relative;padding:.5rem 1.2rem !important}.navbar-genepool .navbar-nav .nav-link::after{content:"";po ition:ab olute;bottom:0;left:50%;width:0;height:3px;background:#64ffda;tran ition:all .3  ea e;tran form:tran lateX(-50%)}.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-heritablehealth{background:linear-gradient(135deg, #007BFF 0%, #0056B3 100%) !important;box- hadow: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;tran form:tran lateY(-2px)}.navbar-heritablehealth .btn-accent{background:#fff;color:#007bff;border:none;font-weight:700}.navbar-heritablehealth .btn-accent:hover{background:#e3f2fd;tran form:tran lateY(-2px);box- hadow:0 5px 15px rgba(0,0,0,.2)}.navbar-heritablehealth . ocial-icon{color:h la(0,0%,100%,.9) !important}.navbar-heritablehealth . ocial-icon:hover{color:#fff !important;tran form:cale(1.2)}.navbar-heritablehealth .navbar- ocial-container{background:rgba(0,0,0,.1);padding:.25rem .5rem;border-radiu :20px}.navbar-generecovery{background:linear-gradient(135deg, #388E3C 0%, #4CAF50 100%) !important;box- hadow: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;tran form:tran lateY(-2px)}.navbar-generecovery .btn-accent{background:#fff;color:#388e3c;border:none;font-weight:700}.navbar-generecovery .btn-accent:hover{background:#e8f5e9;tran form:tran lateY(-2px);box- hadow:0 5px 15px rgba(0,0,0,.2)}.navbar-generecovery . ocial-icon{color:h la(0,0%,100%,.9) !important}.navbar-generecovery . ocial-icon:hover{color:#fff !important;tran form:cale(1.2)}.navbar-generecovery .navbar- ocial-container{background:rgba(0,0,0,.1);padding:.25rem .5rem;border-radiu :20px}.navbar-wellmatched{background:linear-gradient(135deg, #1976D2 0%, #2196F3 100%) !important;box- hadow: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;tran form:tran lateY(-2px)}.navbar-wellmatched .btn-accent{background:#fff;color:#1976d2;border:none;font-weight:700}.navbar-wellmatched .btn-accent:hover{background:#e3f2fd;tran form:tran lateY(-2px);box- hadow:0 5px 15px rgba(0,0,0,.2)}.navbar-wellmatched . ocial-icon{color:h la(0,0%,100%,.9) !important}.navbar-wellmatched . ocial-icon:hover{color:#fff !important;tran form:cale(1.2)}.navbar-brand-enhanced{po ition:relative;padding:5px 15px;border-radiu :50px;background:h la(0,0%,100%,.1);backdrop-filter:blur(10px);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:hover,.btn- econdary:focu ,.btn- econdary:active{background-color:#545b62 !important;color:#fff !important;border-color:#545b62}.btn-light{background-color:#fff;color:#212529 !important;border:2px  olid #6c757d;font-weight:500}.btn-light:hover,.btn-light:focu ,.btn-light:active{background-color:#212529 !important;color:#fff !important;border-color:#212529;tran form:tran lateY(-2px);box- hadow:0 4px 8px rgba(0,0,0,.15)}.btn-info{background-color:#17a2b8;color:#fff !important;border-color:#17a2b8}.btn-info:hover,.btn-info:focu ,.btn-info:active{background-color:#138496 !important;color:#fff !important;border-color:#138496}.btn-outline-light{border-width:2px;font-weight:600;background-color:h la(0,0%,100%,.1)}.btn-outline-light:hover,.btn-outline-light:focu ,.btn-outline-light:active{background-color:#fff !important;color:#212529 !important;border-color:#fff}.btn-overlay-light{background-color:h la(0,0%,100%,.2);color:#fff !important;border:2px  olid #fff;font-weight:600}.btn-overlay-light:hover,.btn-overlay-light:focu ,.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:focu ,.btn-outline-dark:active{background-color:#212529 !important;color:#fff !important}.banner3-datemetrix .btn-outline-light:hover,.banner3-datemetrix .btn-outline-light:focu{color:#6a1b9a !important}.banner3-genepool .btn-outline-light:hover,.banner3-genepool .btn-outline-light:focu{color:#00897b !important}.banner3-wellmatched .btn-outline-light:hover,.banner3-wellmatched .btn-outline-light:focu{color:#1976d2 !important}.btn-primary:hover,.btn-primary:focu ,.btn-primary:active{background-color:#0c5c96 !important;color:#fff !important;border-color:#0c5c96}.btn-primary:di abled{background-color:#6c757d;border-color:#6c757d;opacity:.65}.btn-cta:hover,.btn-cta:focu ,.btn-cta:active{background-color:#d11b68 !important;color:#fff !important;border-color:#d11b68}.banner3-datingwingman{background:linear-gradient(135deg, #7B68EE 0%, #FF69B4 100%);background- ize:cover;background-po ition:center}.banner3-datingwingman .btn-outline-light:hover,.banner3-datingwingman .btn-outline-light:focu{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:focu ,.datingwingman .btn-primary:active{background-color:#6a5acd !important;border-color:#6a5acd !important}.datingwingman .text- econdary{color:#374151 !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;color:#fff;border-radiu :18px 18px 4px 18px}.datingwingman .chat-me age.wingman{background:#e9ecef;color:#333;border-radiu :18px 18px 18px 4px}.datingwingman .feature-card{border:2px  olid rgba(0,0,0,0);background:linear-gradient(white, white) padding-box,linear-gradient(135deg, #7B68EE, #FF69B4) border-box;tran ition:tran form .3  ea e}.datingwingman .feature-card:hover{tran form:tran lateY(-5px);box- hadow:0 8px 25px rgba(123,104,238,.2)}.datingwingman .pricing-card.premium{border:2px  olid #7b68ee;po ition:relative}.datingwingman .pricing-card.premium .badge-popular{po ition:ab olute;top:-12px;right:20px;background:gold;color:#333;padding:4px 16px;border-radiu :20px;font-weight:600}.blog- ection .container{max-width:1200px !important;padding:0 15px !important}.blog- ection .row{margin:0 !important;width:100% !important;di play:block !important}.blog- ection .row>.text-center{width:100% !important;max-width:100% !important;di play:block !important;margin:0 !important;padding:0 !important}.blog- ection .row>.text-center #wrapper{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;di play:block !important}.blog- ection .row>.text-center #wrapper #main{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;di play:block !important}.blog- ection .col-12,.blog- ection .col-lg-12,.blog- ection .col-md-12{max-width:100% !important;flex:0 0 100% !important;width:100% !important}.blog- ection article.po t{max-width:900px !important;width:100% !important;margin:0 auto 3rem auto !important;padding:3rem !important;text-align:left !important;box- izing:border-box !important}.blog- ection article.po t *{text-align:left !important}.blog- ection article.po t h1{text-align:center !important;margin-bottom:2rem !important}.blog- ection article.po t h2{text-align:center !important;margin:3rem 0 1.5rem 0 !important}.blog- ection article.po t .image,.blog- ection article.po t figure,.blog- ection article.po t a.image{di play:block !important;text-align:center !important;margin:0 auto !important}.blog- ection article.po t .image img,.blog- ection article.po t figure img,.blog- ection article.po t a.image 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{width:100% !important}.blog- ection article.po t header .title{width:100% !important}.blog- ection article.po t .text- tart{width:100% !important;text-align:left !important}.blog- ection article.po t .text- tart p,.blog- ection article.po t .text- tart h3,.blog- ection article.po t .text- tart h4{text-align:left !important}.blog- ection article.po t>.text-center{text-align:center !important;margin:2rem 0 !important}.blog- ection article.po t>.text-center .btnn,.blog- ection article.po t>.text-center .btn{di play:inline-block !important;margin:.5rem !important;text-align:center !important}@media(max-width:768px){.blog- ection article.po t{padding:1.5rem !important;max-width:100% !important}.blog- ection .container{padding:0 10px !important}}.chat-container{height:55vh;overflow:auto;crollbar-width:thin;crollbar-color:rgba(0,0,0,.2) rgba(0,0,0,0)}.chat-container::-webkit- crollbar{width:8px}.chat-container::-webkit- crollbar-track{background:rgba(0,0,0,0)}.chat-container::-webkit- crollbar-thumb{background-color:rgba(0,0,0,.2);border-radiu :4px}button:focu -vi ible,.btn:focu -vi ible{outline:2px  olid var(--b -primary);outline-off et:2px;box- hadow:0 0 0 .25rem rgba(var(--b -primary-rgb), 0.25)}a:focu -vi ible{outline:2px  olid var(--b -primary);outline-off et:2px;text-decoration:underline}input:focu -vi ible,textarea:focu -vi ible, elect:focu -vi ible{outline:2px  olid var(--b -primary);outline-off et:0;border-color:var(--b -primary);box- hadow:0 0 0 .25rem rgba(var(--b -primary-rgb), 0.25)}.heart-rating-btn,.btn- m{min-width:44px;min-height:44px}@media(min-width:768px){.heart-rating-btn,.btn- m{min-width:auto;min-height:auto}}.img-re pon ive{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{po ition:fixed;top:0;left:0;right:0;bottom:0;background:h la(0,0%,100%,.9);di play:none;ju tify-content:center;align-item :center;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{flex-direction:column;align-item :center;gap:var(-- pace-lg)}}.dnaoption1,.dnaoption2{flex:1;max-width:500px;background:var(--color-white);border-radiu :var(--radiu -lg);box- hadow:var(-- hadow-md);padding:var(-- pace-xl);tran ition:all var(--duration-normal) var(--ea ing-out);border:1px  olid var(--color-gray-200)}.dnaoption1:hover,.dnaoption2:hover{tran form:tran lateY(-5px);box- hadow:var(-- hadow-xl);border-color:var(--color-primary)}.dnaoption1 h4,.dnaoption2 h4{color:var(--color-primary);margin-bottom:var(-- pace-lg);font- ize:var(--font- ize-xl);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{max-width:200px;height:auto;di play:block;margin:0 auto var(-- pace-lg);tran ition:tran form var(--duration-fa t) var(--ea ing-out)}.dnaimg:hover{tran form:cale(1.05)}.dnafont{font- ize:var(--font- ize-ba e);line-height:var(--line-height-relaxed);color:var(--color-text- econdary);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{font- ize:var(--font- ize- m);color:var(--color-text-muted);line-height:var(--line-height-normal)}.dnaoption1 p[cla *=text- tart],.dnaoption2 p[cla *=text- tart]{text-align:left;font-weight:var(--font-weight- emibold);color:var(--color-primary);margin-top:var(-- pace-lg);margin-bottom:var(-- pace- m)}#dnaoption1-after,#dnaoption2-after{di play:none;background-color:var(--color-gray-50);padding:var(-- pace-lg);margin-top:var(-- pace-md);border-radiu :var(--radiu -md);border:1px  olid var(--color-gray-200)}#dnaoption1-after p,#dnaoption2-after p{margin:0;font- ize:var(--font- ize- m)}.cu tom- tyle-db88bf9b{flex:1;max-width:500px;background:var(--color-white);border-radiu :var(--radiu -lg);box- hadow:var(-- hadow-md);padding:var(-- pace-xl);tran ition:all var(--duration-normal) var(--ea ing-out);border:1px  olid var(--color-gray-200);po ition:relative;overflow:hidden}.cu tom- tyle-db88bf9b:hover{tran form:tran lateY(-5px);box- hadow:var(-- hadow-xl);border-color:var(--color-primary)}.cu tom- tyle-db88bf9b h4{color:var(--color-primary);margin-bottom:var(-- pace-lg);font- ize:var(--font- ize-xl);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{content:"";po ition:ab olute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle, var(--color-primary-light) 0%, tran parent 70%);opacity:0;tran ition:opacity var(--duration- low);pointer-event :none}.cu tom- tyle-db88bf9b:hover::before{opacity:.1}.cu tom- tyle-99295706{di play:none;background-color:var(--color-gray-50);padding:var(-- pace-lg);margin-top:var(-- pace-md);border-radiu :var(--radiu -md);border:1px  olid var(--color-gray-200)}.cu tom- tyle-99295706 p{margin:0;font- ize:var(--font- ize- m)}.cu tom- tyle-29bcd606{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-white);padding:var(-- pace-md) var(-- pace-xl);font- ize:var(--font- ize-lg);font-weight:var(--font-weight- emibold);border-radiu :50px;box- hadow:0 4px 15px rgba(var(--color-primary-rgb), 0.3);tran ition:all var(--duration-normal) var(--ea ing-out);di play:inline-block;text-decoration:none;border:none}.cu tom- tyle-29bcd606:hover{tran form:tran lateY(-2px);box- hadow: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)}.cu tom- tyle-29bcd606:active{tran form:tran lateY(0);box- hadow:0 2px 10px rgba(var(--color-primary-rgb), 0.3)}.cu tom- tyle-29bcd606 img{vertical-align:middle;margin-left:var(-- pace- m)}@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{background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background- ize:200% 100%;animation:loading 1.5  infinite}@keyframe  loading{0%{background-po ition:200% 0}100%{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{po ition:tatic;width:auto;height:auto;overflow:vi ible;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}100%{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;grid-template-column :repeat(auto-fit, minmax(300px, 1fr));gap:1rem}}}.form-announcer{po ition:ab olute;left:-10000px;width:1px;height:1px;overflow:hidden}.rate-limit-warning{background:linear-gradient(45deg, #ffc107, #ff8c00);color:#000;padding:12px;border-radiu :6px;margin:16px 0;font-weight:500}.webauthn-container{padding:20px;border:2px da hed #007bff;border-radiu :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-radiu :8px;font-weight:500;tran ition:all .3  ea e}.webauthn-button:hover{tran form:tran lateY(-2px);box- hadow:0 4px 12px rgba(0,123,255,.3)}:root[data- ite=app ]{--brand-primary:#0F75BD;--brand- econdary:#F72C93;--brand-accent:#50E3C2;--brand-primary-rgb:15, 117, 189;--brand- econdary-rgb:247, 44, 147;--brand-accent-rgb:80, 227, 194;--brand-primary-light:#0F75BD33;--brand-primary-dark:#0c5d97;--brand- econdary-light:#F72C9333;--brand- econdary-dark:#c52375}[data- ite=app ] .btn-primary{background-color:var(--brand-primary);border-color:var(--brand-primary);color:white;tran ition:all .3  ea e}[data- ite=app ] .btn-primary:hover{background-color:var(--brand-primary-dark);border-color:var(--brand-primary-dark);tran form:tran lateY(-2px);box- hadow:0 4px 8px rgba(var(--brand-primary-rgb), 0.3)}[data- ite=app ] .btn-primary:focu ,[data- ite=app ] .btn-primary:active{background-color:var(--brand-primary-dark) !important;border-color:var(--brand-primary-dark) !important;box- hadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.3) !important}[data- ite=app ] .btn- econdary{background-color:var(--brand- econdary);border-color:var(--brand- econdary);color:white}[data- ite=app ] .btn- econdary:hover{background-color:var(--brand- econdary-dark);border-color:var(--brand- econdary-dark)}[data- ite=app ] .btn-accent,[data- ite=app ] .accent{background-color:var(--brand-accent);color:#000}[data- ite=app ] a{color:var(--brand-primary);text-decoration:none;tran ition:color .2  ea e}[data- ite=app ] a:hover{color:var(--brand-primary-dark);text-decoration:underline}[data- ite=app ] .navbar{background-color:white;border-bottom:2px  olid var(--brand-primary)}[data- ite=app ] .navbar-brand{color:var(--brand-primary) !important;font-weight:bold}[data- ite=app ] .navbar-nav .nav-link{color:#333;tran ition:all .2  ea e}[data- ite=app ] .navbar-nav .nav-link:hover{color:var(--brand-primary)}[data- ite=app ] .navbar-nav .nav-link.active{color:var(--brand-primary);font-weight:600;border-bottom:2px  olid var(--brand-primary)}[data- ite=app ] .hero- ection,[data- ite=app ] .banner3-app{background-color:var(--brand-primary);background-image:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);color:white;po ition:relative;overflow:hidden}[data- ite=app ] .hero- ection::before{content:"";po ition:ab olute;top:0;left:0;right:0;bottom:0;background:url("image /background/background3XL.webp") center/cover no-repeat;opacity:.1;z-index:0}[data- ite=app ] .hero-content{po ition:relative;z-index:1}[data- ite=app ] .card{border:1px  olid rgba(var(--brand-primary-rgb), 0.2);tran ition:all .3  ea e}[data- ite=app ] .card:hover{border-color:var(--brand-primary);box- hadow:0 4px 12px rgba(var(--brand-primary-rgb), 0.15);tran form:tran lateY(-4px)}[data- ite=app ] .card-header{background-color:rgba(var(--brand-primary-rgb), 0.05);border-bottom:2px  olid var(--brand-primary);color:var(--brand-primary-dark);font-weight:600}[data- ite=app ] .form-control:focu{border-color:var(--brand-primary);box- hadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.1)}[data- ite=app ] .form-label{color:var(--brand-primary-dark);font-weight:500}[data- ite=app ] .badge-primary{background-color:var(--brand-primary)}[data- ite=app ] .badge- econdary{background-color:var(--brand- econdary)}[data- ite=app ] footer{background-color:#f8f9fa;border-top:3px  olid var(--brand-primary);color:#333}[data- ite=app ] footer a{color:var(--brand-primary)}[data- ite=app ] . pinner-border{color:var(--brand-primary)}[data- ite=app ] .progre -bar{background-color:var(--brand-primary)}[data- ite=app ] .tooltip-inner{background-color:var(--brand-primary-dark)}@media(max-width:768px){[data- ite=app ] .hero- ection{padding:60px 20px}[data- ite=app ] h1{font- ize:28px}}@media print{[data- ite=app ]{--brand-primary:#000;--brand- econdary:#333}}:root[data- ite=datemetrix]{--brand-primary:#2E86AB;--brand- econdary:#A23B72;--brand-accent:#E67E00;--brand-primary-rgb:46, 134, 171;--brand- econdary-rgb:162, 59, 114;--brand-accent-rgb:230, 126, 0;--brand-primary-light:#2E86AB33;--brand-primary-dark:#246b88;--brand- econdary-light:#A23B7233;--brand- econdary-dark:#812f5b}[data- ite=datemetrix] .btn-primary{background-color:var(--brand-primary);border-color:var(--brand-primary);color:white;tran ition:all .3  ea e}[data- ite=datemetrix] .btn-primary:hover{background-color:var(--brand-primary-dark);border-color:var(--brand-primary-dark);tran form:tran lateY(-2px);box- hadow:0 4px 8px rgba(var(--brand-primary-rgb), 0.3)}[data- ite=datemetrix] .btn-primary:focu ,[data- ite=datemetrix] .btn-primary:active{background-color:var(--brand-primary-dark) !important;border-color:var(--brand-primary-dark) !important;box- hadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.3) !important}[data- ite=datemetrix] .btn- econdary{background-color:var(--brand- econdary);border-color:var(--brand- econdary);color:white}[data- ite=datemetrix] .btn- econdary:hover{background-color:var(--brand- econdary-dark);border-color:var(--brand- econdary-dark)}[data- ite=datemetrix] .btn-accent,[data- ite=datemetrix] .accent{background-color:var(--brand-accent);color:#000}[data- ite=datemetrix] a{color:var(--brand-primary);text-decoration:none;tran ition:color .2  ea e}[data- ite=datemetrix] a:hover{color:var(--brand-primary-dark);text-decoration:underline}[data- ite=datemetrix] .navbar{background-color:white;border-bottom:2px  olid var(--brand-primary)}[data- ite=datemetrix] .navbar-brand{color:var(--brand-primary) !important;font-weight:bold}[data- ite=datemetrix] .navbar-nav .nav-link{color:#333;tran ition:all .2  ea e}[data- ite=datemetrix] .navbar-nav .nav-link:hover{color:var(--brand-primary)}[data- ite=datemetrix] .navbar-nav .nav-link.active{color:var(--brand-primary);font-weight:600;border-bottom:2px  olid var(--brand-primary)}[data- ite=datemetrix] .hero- ection,[data- ite=datemetrix] .banner3-datemetrix{background-color:var(--brand-primary);background-image:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);color:white;po ition:relative;overflow:hidden}[data- ite=datemetrix] .hero- ection::before{content:"";po ition:ab olute;top:0;left:0;right:0;bottom:0;background:url("image /background/Per onalitie .webp") center/cover no-repeat;opacity:.1;z-index:0}[data- ite=datemetrix] .hero-content{po ition:relative;z-index:1}[data- ite=datemetrix] .card{border:1px  olid rgba(var(--brand-primary-rgb), 0.2);tran ition:all .3  ea e}[data- ite=datemetrix] .card:hover{border-color:var(--brand-primary);box- hadow:0 4px 12px rgba(var(--brand-primary-rgb), 0.15);tran form:tran lateY(-4px)}[data- ite=datemetrix] .card-header{background-color:rgba(var(--brand-primary-rgb), 0.05);border-bottom:2px  olid var(--brand-primary);color:var(--brand-primary-dark);font-weight:600}[data- ite=datemetrix] .form-control:focu{border-color:var(--brand-primary);box- hadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.1)}[data- ite=datemetrix] .form-label{color:var(--brand-primary-dark);font-weight:500}[data- ite=datemetrix] .badge-primary{background-color:var(--brand-primary)}[data- ite=datemetrix] .badge- econdary{background-color:var(--brand- econdary)}[data- ite=datemetrix] footer{background-color:#f8f9fa;border-top:3px  olid var(--brand-primary);color:#333}[data- ite=datemetrix] footer a{color:var(--brand-primary)}[data- ite=datemetrix] . pinner-border{color:var(--brand-primary)}[data- ite=datemetrix] .progre -bar{background-color:var(--brand-primary)}[data- ite=datemetrix] .tooltip-inner{background-color:var(--brand-primary-dark)}.match- core{color:var(--brand- econdary);font-weight:bold}.per onality-type{background:var(--brand-accent);color:var(--brand-primary-dark);padding:4px 12px;border-radiu :20px;font-weight:600}@media(max-width:768px){[data- ite=datemetrix] .hero- ection{padding:60px 20px}[data- ite=datemetrix] h1{font- ize:28px}}@media print{[data- ite=datemetrix]{--brand-primary:#000;--brand- econdary:#333}}:root[data- ite=genepool]{--brand-primary:#1B4B8C;--brand- econdary:#2980B9;--brand-accent:#FF6B6B;--brand-primary-rgb:27, 75, 140;--brand- econdary-rgb:41, 128, 185;--brand-accent-rgb:255, 107, 107;--brand-primary-light:#1B4B8C33;--brand-primary-dark:#153c70;--brand- econdary-light:#2980B933;--brand- econdary-dark:#206694}[data- ite=genepool] .btn-primary{background-color:var(--brand-primary);border-color:var(--brand-primary);color:white;tran ition:all .3  ea e}[data- ite=genepool] .btn-primary:hover{background-color:var(--brand-primary-dark);border-color:var(--brand-primary-dark);tran form:tran lateY(-2px);box- hadow:0 4px 8px rgba(var(--brand-primary-rgb), 0.3)}[data- ite=genepool] .btn-primary:focu ,[data- ite=genepool] .btn-primary:active{background-color:var(--brand-primary-dark) !important;border-color:var(--brand-primary-dark) !important;box- hadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.3) !important}[data- ite=genepool] .btn- econdary{background-color:var(--brand- econdary);border-color:var(--brand- econdary);color:white}[data- ite=genepool] .btn- econdary:hover{background-color:var(--brand- econdary-dark);border-color:var(--brand- econdary-dark)}[data- ite=genepool] .btn-accent,[data- ite=genepool] .accent{background-color:var(--brand-accent);color:#000}[data- ite=genepool] a{color:var(--brand-primary);text-decoration:none;tran ition:color .2  ea e}[data- ite=genepool] a:hover{color:var(--brand-primary-dark);text-decoration:underline}[data- ite=genepool] .navbar{background-color:white;border-bottom:2px  olid var(--brand-primary)}[data- ite=genepool] .navbar-brand{color:var(--brand-primary) !important;font-weight:bold}[data- ite=genepool] .navbar-nav .nav-link{color:#333;tran ition:all .2  ea e}[data- ite=genepool] .navbar-nav .nav-link:hover{color:var(--brand-primary)}[data- ite=genepool] .navbar-nav .nav-link.active{color:var(--brand-primary);font-weight:600;border-bottom:2px  olid var(--brand-primary)}[data- ite=genepool] .hero- ection,[data- ite=genepool] .banner3-genepool{background-color:var(--brand-primary);background-image:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);color:white;po ition:relative;overflow:hidden}[data- ite=genepool] .hero- ection::before{content:"";po ition:ab olute;top:0;left:0;right:0;bottom:0;background:url("image /background/matchmaking_background.webp") center/cover no-repeat;opacity:.1;z-index:0}[data- ite=genepool] .hero-content{po ition:relative;z-index:1}[data- ite=genepool] .card{border:1px  olid rgba(var(--brand-primary-rgb), 0.2);tran ition:all .3  ea e}[data- ite=genepool] .card:hover{border-color:var(--brand-primary);box- hadow:0 4px 12px rgba(var(--brand-primary-rgb), 0.15);tran form:tran lateY(-4px)}[data- ite=genepool] .card-header{background-color:rgba(var(--brand-primary-rgb), 0.05);border-bottom:2px  olid var(--brand-primary);color:var(--brand-primary-dark);font-weight:600}[data- ite=genepool] .form-control:focu{border-color:var(--brand-primary);box- hadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.1)}[data- ite=genepool] .form-label{color:var(--brand-primary-dark);font-weight:500}[data- ite=genepool] .badge-primary{background-color:var(--brand-primary)}[data- ite=genepool] .badge- econdary{background-color:var(--brand- econdary)}[data- ite=genepool] footer{background-color:#f8f9fa;border-top:3px  olid var(--brand-primary);color:#333}[data- ite=genepool] footer a{color:var(--brand-primary)}[data- ite=genepool] . pinner-border{color:var(--brand-primary)}[data- ite=genepool] .progre -bar{background-color:var(--brand-primary)}[data- ite=genepool] .tooltip-inner{background-color:var(--brand-primary-dark)}.health-card{border:2px  olid var(--brand-primary);background:rgba(var(--brand-primary-rgb), 0.02)}.te t-re ult{border-left:4px  olid var(--brand-accent);padding-left:16px}. tatu -po itive{color:#28a745}. tatu -negative{color:var(--brand- econdary)}@media(max-width:768px){[data- ite=genepool] .hero- ection{padding:60px 20px}[data- ite=genepool] h1{font- ize:28px}}@media print{[data- ite=genepool]{--brand-primary:#000;--brand- econdary:#333}}:root[data- ite=generecovery]{--brand-primary:#2C5F2D;--brand- econdary:#81C784;--brand-accent:#4CAF50;--brand-primary-rgb:44, 95, 45;--brand- econdary-rgb:129, 199, 132;--brand-accent-rgb:76, 175, 80;--brand-primary-light:#2C5F2D33;--brand-primary-dark:#234c24;--brand- econdary-light:#81C78433;--brand- econdary-dark:#679f69}[data- ite=generecovery] .btn-primary{background-color:var(--brand-primary);border-color:var(--brand-primary);color:white;tran ition:all .3  ea e}[data- ite=generecovery] .btn-primary:hover{background-color:var(--brand-primary-dark);border-color:var(--brand-primary-dark);tran form:tran lateY(-2px);box- hadow:0 4px 8px rgba(var(--brand-primary-rgb), 0.3)}[data- ite=generecovery] .btn-primary:focu ,[data- ite=generecovery] .btn-primary:active{background-color:var(--brand-primary-dark) !important;border-color:var(--brand-primary-dark) !important;box- hadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.3) !important}[data- ite=generecovery] .btn- econdary{background-color:var(--brand- econdary);border-color:var(--brand- econdary);color:white}[data- ite=generecovery] .btn- econdary:hover{background-color:var(--brand- econdary-dark);border-color:var(--brand- econdary-dark)}[data- ite=generecovery] .btn-accent,[data- ite=generecovery] .accent{background-color:var(--brand-accent);color:#000}[data- ite=generecovery] a{color:var(--brand-primary);text-decoration:none;tran ition:color .2  ea e}[data- ite=generecovery] a:hover{color:var(--brand-primary-dark);text-decoration:underline}[data- ite=generecovery] .navbar{background-color:white;border-bottom:2px  olid var(--brand-primary)}[data- ite=generecovery] .navbar-brand{color:var(--brand-primary) !important;font-weight:bold}[data- ite=generecovery] .navbar-nav .nav-link{color:#333;tran ition:all .2  ea e}[data- ite=generecovery] .navbar-nav .nav-link:hover{color:var(--brand-primary)}[data- ite=generecovery] .navbar-nav .nav-link.active{color:var(--brand-primary);font-weight:600;border-bottom:2px  olid var(--brand-primary)}[data- ite=generecovery] .hero- ection,[data- ite=generecovery] .banner3-generecovery{background-color:var(--brand-primary);background-image:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);color:white;po ition:relative;overflow:hidden}[data- ite=generecovery] .hero- ection::before{content:"";po ition:ab olute;top:0;left:0;right:0;bottom:0;background:url("image /background/brain-network-bg.jpg") center/cover no-repeat;opacity:.1;z-index:0}[data- ite=generecovery] .hero-content{po ition:relative;z-index:1}[data- ite=generecovery] .card{border:1px  olid rgba(var(--brand-primary-rgb), 0.2);tran ition:all .3  ea e}[data- ite=generecovery] .card:hover{border-color:var(--brand-primary);box- hadow:0 4px 12px rgba(var(--brand-primary-rgb), 0.15);tran form:tran lateY(-4px)}[data- ite=generecovery] .card-header{background-color:rgba(var(--brand-primary-rgb), 0.05);border-bottom:2px  olid var(--brand-primary);color:var(--brand-primary-dark);font-weight:600}[data- ite=generecovery] .form-control:focu{border-color:var(--brand-primary);box- hadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.1)}[data- ite=generecovery] .form-label{color:var(--brand-primary-dark);font-weight:500}[data- ite=generecovery] .badge-primary{background-color:var(--brand-primary)}[data- ite=generecovery] .badge- econdary{background-color:var(--brand- econdary)}[data- ite=generecovery] footer{background-color:#f8f9fa;border-top:3px  olid var(--brand-primary);color:#333}[data- ite=generecovery] footer a{color:var(--brand-primary)}[data- ite=generecovery] . pinner-border{color:var(--brand-primary)}[data- ite=generecovery] .progre -bar{background-color:var(--brand-primary)}[data- ite=generecovery] .tooltip-inner{background-color:var(--brand-primary-dark)}@media(max-width:768px){[data- ite=generecovery] .hero- ection{padding:60px 20px}[data- ite=generecovery] h1{font- ize:28px}}@media print{[data- ite=generecovery]{--brand-primary:#000;--brand- econdary:#333}}:root[data- ite=heritablehealth]{--brand-primary:#0077BE;--brand- econdary:#4CAF50;--brand-accent:#FFC107;--brand-primary-rgb:0, 119, 190;--brand- econdary-rgb:76, 175, 80;--brand-accent-rgb:255, 193, 7;--brand-primary-light:#0077BE33;--brand-primary-dark:#005f98;--brand- econdary-light:#4CAF5033;--brand- econdary-dark:#3c8c40}[data- ite=heritablehealth] .btn-primary{background-color:var(--brand-primary);border-color:var(--brand-primary);color:white;tran ition:all .3  ea e}[data- ite=heritablehealth] .btn-primary:hover{background-color:var(--brand-primary-dark);border-color:var(--brand-primary-dark);tran form:tran lateY(-2px);box- hadow:0 4px 8px rgba(var(--brand-primary-rgb), 0.3)}[data- ite=heritablehealth] .btn-primary:focu ,[data- ite=heritablehealth] .btn-primary:active{background-color:var(--brand-primary-dark) !important;border-color:var(--brand-primary-dark) !important;box- hadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.3) !important}[data- ite=heritablehealth] .btn- econdary{background-color:var(--brand- econdary);border-color:var(--brand- econdary);color:white}[data- ite=heritablehealth] .btn- econdary:hover{background-color:var(--brand- econdary-dark);border-color:var(--brand- econdary-dark)}[data- ite=heritablehealth] .btn-accent,[data- ite=heritablehealth] .accent{background-color:var(--brand-accent);color:#000}[data- ite=heritablehealth] a{color:var(--brand-primary);text-decoration:none;tran ition:color .2  ea e}[data- ite=heritablehealth] a:hover{color:var(--brand-primary-dark);text-decoration:underline}[data- ite=heritablehealth] .navbar{background-color:white;border-bottom:2px  olid var(--brand-primary)}[data- ite=heritablehealth] .navbar-brand{color:var(--brand-primary) !important;font-weight:bold}[data- ite=heritablehealth] .navbar-nav .nav-link{color:#333;tran ition:all .2  ea e}[data- ite=heritablehealth] .navbar-nav .nav-link:hover{color:var(--brand-primary)}[data- ite=heritablehealth] .navbar-nav .nav-link.active{color:var(--brand-primary);font-weight:600;border-bottom:2px  olid var(--brand-primary)}[data- ite=heritablehealth] .hero- ection,[data- ite=heritablehealth] .banner3-heritablehealth{background-color:var(--brand-primary);background-image:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);color:white;po ition:relative;overflow:hidden}[data- ite=heritablehealth] .hero- ection::before{content:"";po ition:ab olute;top:0;left:0;right:0;bottom:0;background:url("image /background/family-bg.jpg") center/cover no-repeat;opacity:.1;z-index:0}[data- ite=heritablehealth] .hero-content{po ition:relative;z-index:1}[data- ite=heritablehealth] .card{border:1px  olid rgba(var(--brand-primary-rgb), 0.2);tran ition:all .3  ea e}[data- ite=heritablehealth] .card:hover{border-color:var(--brand-primary);box- hadow:0 4px 12px rgba(var(--brand-primary-rgb), 0.15);tran form:tran lateY(-4px)}[data- ite=heritablehealth] .card-header{background-color:rgba(var(--brand-primary-rgb), 0.05);border-bottom:2px  olid var(--brand-primary);color:var(--brand-primary-dark);font-weight:600}[data- ite=heritablehealth] .form-control:focu{border-color:var(--brand-primary);box- hadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.1)}[data- ite=heritablehealth] .form-label{color:var(--brand-primary-dark);font-weight:500}[data- ite=heritablehealth] .badge-primary{background-color:var(--brand-primary)}[data- ite=heritablehealth] .badge- econdary{background-color:var(--brand- econdary)}[data- ite=heritablehealth] footer{background-color:#f8f9fa;border-top:3px  olid var(--brand-primary);color:#333}[data- ite=heritablehealth] footer a{color:var(--brand-primary)}[data- ite=heritablehealth] . pinner-border{color:var(--brand-primary)}[data- ite=heritablehealth] .progre -bar{background-color:var(--brand-primary)}[data- ite=heritablehealth] .tooltip-inner{background-color:var(--brand-primary-dark)}@media(max-width:768px){[data- ite=heritablehealth] .hero- ection{padding:60px 20px}[data- ite=heritablehealth] h1{font- ize:28px}}@media print{[data- ite=heritablehealth]{--brand-primary:#000;--brand- econdary:#333}}:root[data- ite=wellmatched]{--brand-primary:#5E60CE;--brand- econdary:#5390D9;--brand-accent:#4EA8DE;--brand-primary-rgb:94, 96, 206;--brand- econdary-rgb:83, 144, 217;--brand-accent-rgb:78, 168, 222;--brand-primary-light:#5E60CE33;--brand-primary-dark:#4b4ca4;--brand- econdary-light:#5390D933;--brand- econdary-dark:#4273ad}[data- ite=wellmatched] .btn-primary{background-color:var(--brand-primary);border-color:var(--brand-primary);color:white;tran ition:all .3  ea e}[data- ite=wellmatched] .btn-primary:hover{background-color:var(--brand-primary-dark);border-color:var(--brand-primary-dark);tran form:tran lateY(-2px);box- hadow:0 4px 8px rgba(var(--brand-primary-rgb), 0.3)}[data- ite=wellmatched] .btn-primary:focu ,[data- ite=wellmatched] .btn-primary:active{background-color:var(--brand-primary-dark) !important;border-color:var(--brand-primary-dark) !important;box- hadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.3) !important}[data- ite=wellmatched] .btn- econdary{background-color:var(--brand- econdary);border-color:var(--brand- econdary);color:white}[data- ite=wellmatched] .btn- econdary:hover{background-color:var(--brand- econdary-dark);border-color:var(--brand- econdary-dark)}[data- ite=wellmatched] .btn-accent,[data- ite=wellmatched] .accent{background-color:var(--brand-accent);color:#000}[data- ite=wellmatched] a{color:var(--brand-primary);text-decoration:none;tran ition:color .2  ea e}[data- ite=wellmatched] a:hover{color:var(--brand-primary-dark);text-decoration:underline}[data- ite=wellmatched] .navbar{background-color:white;border-bottom:2px  olid var(--brand-primary)}[data- ite=wellmatched] .navbar-brand{color:var(--brand-primary) !important;font-weight:bold}[data- ite=wellmatched] .navbar-nav .nav-link{color:#333;tran ition:all .2  ea e}[data- ite=wellmatched] .navbar-nav .nav-link:hover{color:var(--brand-primary)}[data- ite=wellmatched] .navbar-nav .nav-link.active{color:var(--brand-primary);font-weight:600;border-bottom:2px  olid var(--brand-primary)}[data- ite=wellmatched] .hero- ection,[data- ite=wellmatched] .banner3-wellmatched{background-color:var(--brand-primary);background-image:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);color:white;po ition:relative;overflow:hidden}[data- ite=wellmatched] .hero- ection::before{content:"";po ition:ab olute;top:0;left:0;right:0;bottom:0;background:url("image /background/wellmatched-medical-advanced. vg") center/cover no-repeat;opacity:.1;z-index:0}[data- ite=wellmatched] .hero-content{po ition:relative;z-index:1}[data- ite=wellmatched] .card{border:1px  olid rgba(var(--brand-primary-rgb), 0.2);tran ition:all .3  ea e}[data- ite=wellmatched] .card:hover{border-color:var(--brand-primary);box- hadow:0 4px 12px rgba(var(--brand-primary-rgb), 0.15);tran form:tran lateY(-4px)}[data- ite=wellmatched] .card-header{background-color:rgba(var(--brand-primary-rgb), 0.05);border-bottom:2px  olid var(--brand-primary);color:var(--brand-primary-dark);font-weight:600}[data- ite=wellmatched] .form-control:focu{border-color:var(--brand-primary);box- hadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.1)}[data- ite=wellmatched] .form-label{color:var(--brand-primary-dark);font-weight:500}[data- ite=wellmatched] .badge-primary{background-color:var(--brand-primary)}[data- ite=wellmatched] .badge- econdary{background-color:var(--brand- econdary)}[data- ite=wellmatched] footer{background-color:#f8f9fa;border-top:3px  olid var(--brand-primary);color:#333}[data- ite=wellmatched] footer a{color:var(--brand-primary)}[data- ite=wellmatched] . pinner-border{color:var(--brand-primary)}[data- ite=wellmatched] .progre -bar{background-color:var(--brand-primary)}[data- ite=wellmatched] .tooltip-inner{background-color:var(--brand-primary-dark)}@media(max-width:768px){[data- ite=wellmatched] .hero- ection{padding:60px 20px}[data- ite=wellmatched] h1{font- ize:28px}}@media print{[data- ite=wellmatched]{--brand-primary:#000;--brand- econdary:#333}}:root[data- ite=dnamatchmaker ]{--brand-primary:#1A237E;--brand- econdary:#C2185B;--brand-accent:#FFD700;--brand-primary-rgb:26, 35, 126;--brand- econdary-rgb:194, 24, 91;--brand-accent-rgb:255, 215, 0;--brand-primary-light:#1A237E33;--brand-primary-dark:#141c64;--brand- econdary-light:#C2185B33;--brand- econdary-dark:#9b1348}[data- ite=dnamatchmaker ] .btn-primary{background-color:var(--brand-primary);border-color:var(--brand-primary);color:white;tran ition:all .3  ea e}[data- ite=dnamatchmaker ] .btn-primary:hover{background-color:var(--brand-primary-dark);border-color:var(--brand-primary-dark);tran form:tran lateY(-2px);box- hadow:0 4px 8px rgba(var(--brand-primary-rgb), 0.3)}[data- ite=dnamatchmaker ] .btn-primary:focu ,[data- ite=dnamatchmaker ] .btn-primary:active{background-color:var(--brand-primary-dark) !important;border-color:var(--brand-primary-dark) !important;box- hadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.3) !important}[data- ite=dnamatchmaker ] .btn- econdary{background-color:var(--brand- econdary);border-color:var(--brand- econdary);color:white}[data- ite=dnamatchmaker ] .btn- econdary:hover{background-color:var(--brand- econdary-dark);border-color:var(--brand- econdary-dark)}[data- ite=dnamatchmaker ] .btn-accent,[data- ite=dnamatchmaker ] .accent{background-color:var(--brand-accent);color:#000}[data- ite=dnamatchmaker ] a{color:var(--brand-primary);text-decoration:none;tran ition:color .2  ea e}[data- ite=dnamatchmaker ] a:hover{color:var(--brand-primary-dark);text-decoration:underline}[data- ite=dnamatchmaker ] .navbar{background-color:white;border-bottom:2px  olid var(--brand-primary)}[data- ite=dnamatchmaker ] .navbar-brand{color:var(--brand-primary) !important;font-weight:bold}[data- ite=dnamatchmaker ] .navbar-nav .nav-link{color:#333;tran ition:all .2  ea e}[data- ite=dnamatchmaker ] .navbar-nav .nav-link:hover{color:var(--brand-primary)}[data- ite=dnamatchmaker ] .navbar-nav .nav-link.active{color:var(--brand-primary);font-weight:600;border-bottom:2px  olid var(--brand-primary)}[data- ite=dnamatchmaker ] .hero- ection,[data- ite=dnamatchmaker ] .banner3-dnamatchmaker{background-color:var(--brand-primary);background-image:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);color:white;po ition:relative;overflow:hidden}[data- ite=dnamatchmaker ] .hero- ection::before{content:"";po ition:ab olute;top:0;left:0;right:0;bottom:0;background:url("image /background/dnamatchmaker -hero.webp") center/cover no-repeat;opacity:.1;z-index:0}[data- ite=dnamatchmaker ] .hero-content{po ition:relative;z-index:1}[data- ite=dnamatchmaker ] .card{border:1px  olid rgba(var(--brand-primary-rgb), 0.2);tran ition:all .3  ea e}[data- ite=dnamatchmaker ] .card:hover{border-color:var(--brand-primary);box- hadow:0 4px 12px rgba(var(--brand-primary-rgb), 0.15);tran form:tran lateY(-4px)}[data- ite=dnamatchmaker ] .card-header{background-color:rgba(var(--brand-primary-rgb), 0.05);border-bottom:2px  olid var(--brand-primary);color:var(--brand-primary-dark);font-weight:600}[data- ite=dnamatchmaker ] .form-control:focu{border-color:var(--brand-primary);box- hadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.1)}[data- ite=dnamatchmaker ] .form-label{color:var(--brand-primary-dark);font-weight:500}[data- ite=dnamatchmaker ] .badge-primary{background-color:var(--brand-primary)}[data- ite=dnamatchmaker ] .badge- econdary{background-color:var(--brand- econdary)}[data- ite=dnamatchmaker ] footer{background-color:#f8f9fa;border-top:3px  olid var(--brand-primary);color:#333}[data- ite=dnamatchmaker ] footer a{color:var(--brand-primary)}[data- ite=dnamatchmaker ] . pinner-border{color:var(--brand-primary)}[data- ite=dnamatchmaker ] .progre -bar{background-color:var(--brand-primary)}[data- ite=dnamatchmaker ] .tooltip-inner{background-color:var(--brand-primary-dark)}@media(max-width:768px){[data- ite=dnamatchmaker ] .hero- ection{padding:60px 20px}[data- ite=dnamatchmaker ] h1{font- ize:28px}}@media print{[data- ite=dnamatchmaker ]{--brand-primary:#000;--brand- econdary:#333}}:root[data- ite=datingwingman]{--brand-primary:#7B68EE;--brand- econdary:#FF69B4;--brand-accent:#FFD700;--brand-primary-rgb:123, 104, 238;--brand- econdary-rgb:255, 105, 180;--brand-accent-rgb:255, 215, 0;--brand-primary-light:#7B68EE33;--brand-primary-dark:#6253be;--brand- econdary-light:#FF69B433;--brand- econdary-dark:#cc5490}[data- ite=datingwingman] .btn-primary{background-color:var(--brand-primary);border-color:var(--brand-primary);color:white;tran ition:all .3  ea e}[data- ite=datingwingman] .btn-primary:hover{background-color:var(--brand-primary-dark);border-color:var(--brand-primary-dark);tran form:tran lateY(-2px);box- hadow:0 4px 8px rgba(var(--brand-primary-rgb), 0.3)}[data- ite=datingwingman] .btn-primary:focu ,[data- ite=datingwingman] .btn-primary:active{background-color:var(--brand-primary-dark) !important;border-color:var(--brand-primary-dark) !important;box- hadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.3) !important}[data- ite=datingwingman] .btn- econdary{background-color:var(--brand- econdary);border-color:var(--brand- econdary);color:white}[data- ite=datingwingman] .btn- econdary:hover{background-color:var(--brand- econdary-dark);border-color:var(--brand- econdary-dark)}[data- ite=datingwingman] .btn-accent,[data- ite=datingwingman] .accent{background-color:var(--brand-accent);color:#000}[data- ite=datingwingman] a{color:var(--brand-primary);text-decoration:none;tran ition:color .2  ea e}[data- ite=datingwingman] a:hover{color:var(--brand-primary-dark);text-decoration:underline}[data- ite=datingwingman] .navbar{background-color:white;border-bottom:2px  olid var(--brand-primary)}[data- ite=datingwingman] .navbar-brand{color:var(--brand-primary) !important;font-weight:bold}[data- ite=datingwingman] .navbar-nav .nav-link{color:#333;tran ition:all .2  ea e}[data- ite=datingwingman] .navbar-nav .nav-link:hover{color:var(--brand-primary)}[data- ite=datingwingman] .navbar-nav .nav-link.active{color:var(--brand-primary);font-weight:600;border-bottom:2px  olid var(--brand-primary)}[data- ite=datingwingman] .hero- ection,[data- ite=datingwingman] .banner3-datingwingman{background-color:var(--brand-primary);background-image:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);color:white;po ition:relative;overflow:hidden}[data- ite=datingwingman] .hero- ection::before{content:"";po ition:ab olute;top:0;left:0;right:0;bottom:0;background:url("image /background/datingwingman-hero.webp") center/cover no-repeat;opacity:.1;z-index:0}[data- ite=datingwingman] .hero-content{po ition:relative;z-index:1}[data- ite=datingwingman] .card{border:1px  olid rgba(var(--brand-primary-rgb), 0.2);tran ition:all .3  ea e}[data- ite=datingwingman] .card:hover{border-color:var(--brand-primary);box- hadow:0 4px 12px rgba(var(--brand-primary-rgb), 0.15);tran form:tran lateY(-4px)}[data- ite=datingwingman] .card-header{background-color:rgba(var(--brand-primary-rgb), 0.05);border-bottom:2px  olid var(--brand-primary);color:var(--brand-primary-dark);font-weight:600}[data- ite=datingwingman] .form-control:focu{border-color:var(--brand-primary);box- hadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.1)}[data- ite=datingwingman] .form-label{color:var(--brand-primary-dark);font-weight:500}[data- ite=datingwingman] .badge-primary{background-color:var(--brand-primary)}[data- ite=datingwingman] .badge- econdary{background-color:var(--brand- econdary)}[data- ite=datingwingman] footer{background-color:#f8f9fa;border-top:3px  olid var(--brand-primary);color:#333}[data- ite=datingwingman] footer a{color:var(--brand-primary)}[data- ite=datingwingman] . pinner-border{color:var(--brand-primary)}[data- ite=datingwingman] .progre -bar{background-color:var(--brand-primary)}[data- ite=datingwingman] .tooltip-inner{background-color:var(--brand-primary-dark)}.chat-bubble{background:var(--brand-primary);color:white;border-radiu :18px;padding:12px 20px}.chat-bubble.u er{background:var(--brand- econdary)}.ai-thinking{color:var(--brand-accent);animation:pul e 2  infinite}@keyframe  pul e{}@media(max-width:768px){[data- ite=datingwingman] .hero- ection{padding:60px 20px}[data- ite=datingwingman] h1{font- ize:28px}}@media print{[data- ite=datingwingman]{--brand-primary:#000;--brand- econdary:#333}}main,#main-content{flex:1 0 auto;di play:flex;flex-direction:column}.modern-footer,footer{flex- hrink:0;margin-top:auto !important}@ upport (di play:grid){body{di play:grid;grid-template-row :auto 1fr auto;grid-template-area :"navbar" "main" "footer";min-height:100vh}nav,.navbar{grid-area:navbar}main,#main-content{grid-area:main}.modern-footer,footer{grid-area:footer}}main>*:la t-child:not(footer),#main-content>*:la t-child:not(footer){margin-bottom:3rem}@media(max-width:768px){.modern-footer{margin-top:2rem !important}main>*:la t-child:not(footer),#main-content>*:la t-child:not(footer){margin-bottom:2rem}}.modern-footer{po ition:relative !important;z-index:1000;di play:block !important;vi ibility:vi ible !important;opacity:1 !important;clear:both}

.alert-debug{background-color:#fff;border-color:#d6e9c6;color:#000}.alert-error{background-color:#f2dede;border-color:#eed3d7;color:#b94a48}.dropdown-menu{pointer-event :auto !important}.match-action a.vote{di play:block;width:100%;height:100%;text-decoration:none;cur or:pointer}.match-action a.vote i,.match-action a.vote  vg{pointer-event :none}.navbar-nav>li>a,.navbar-nav .nav-link{padding-top:10px;padding-bottom:10px;font- ize:12px}@media (min-width:768px) and (max-width:1048px){.navbar-nav>li>a,.navbar-nav .nav-link{padding-top:10px;padding-bottom:10px;font- ize:12px}}@media (max-width:338px){.navbar-brand+div{di play:none !important}}@media (max-width:1046px){.navbar-brand+div{di play:none !important}}@media (min-width:339px) and (max-width:767px){.navbar-brand+div{di play:flex !important}}@media (max-width:767px){.navbar-collap e{width:50% !important;po ition:ab olute !important;right:0 !important;top:50px !important;background-color:tran parent !important;padding:15px !important}.navbar-toggler{po ition:relative !important;z-index:1040 !important}.navbar{po ition:relative !important;z-index:1030 !important}.navbar-nav . how .dropdown-menu{po ition:tatic !important;float:none !important;width:auto !important;margin-top:0 !important;background-color:#fff !important;border:none !important;box- hadow:none !important}.navbar-nav .dropdown-menu .dropdown-item{padding:10px 20px !important;font- ize:16px !important;color:#333 !important;di play:flex !important;align-item :center !important}.navbar-nav .dropdown-menu .dropdown-item:hover{background-color:#f5f5f5 !important;color:#0F75BD !important}}[hidden][ tyle="di play:block;"]{di play:block !important}. vg-icon{di play:inline-block;align- elf:center;po ition:relative}. vg-icon:hover{-webkit-filter:drop- hadow(2px 2px 2px #666);filter:drop- hadow(2px 2px 2px #666)}. vg-icon-active{-webkit-filter:drop- hadow(2px 2px 2px #F785BD);filter:drop- hadow(2px 2px 2px #F785BD)}#page-alert{margin-top:50px}#di like_white:hover{fill:#F785BD}.white-text{color:white moke}.pink-text{color:#F43896}.blue-text{color:#1C76BC}.rounded- vg-icon-container{di play:inline-block}.rounded- vg-icon-container object{di play:inline-block;vertical-align:middle}.rounded- vg-icon{font- ize:1.5em}object{pointer-event :none}.img-xlg{width:160px;height:160px}.email-link{padding-top:8px}#id_ exual_preference{-webkit-padding- tart:0px;margin:0px;padding:0px}#id_ exual_preference li{li t- tyle-type:none}input[type=file]{-webkit-appearance:none;-moz-appearance:none;-di play:inline-block;appearance:none}.profile-form,. etting -form,.pay-form,.premium-checkbox{width:70%;margin-left:auto;margin-right:auto}textarea#id_bio{max-height:100px}. etting -form{margin-top:2em}.pay-form{margin-bottom:2em}.pay-form>p{font- ize: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-radiu :0px}@media (max-width:47.9em){.navbar-nav .nav-item{di play:inline-block;float:none;width:100%}.navbar-nav .nav-item+.nav-item{margin-left:0}.nav.navbar-nav.pull-x -right{float:none !important}}[hidden][ tyle="di play:block;"]{di play:block !important}. vg-icon{di play:inline-block;-m -flex-item-align:center;-m -grid-row-align:center;align- elf:center;po ition:relative}. vg-icon:hover{filter:drop- hadow(2px 2px 2px #666)}. vg-icon-active{filter:drop- hadow(2px 2px 2px #F785BD)}#di like_white:hover{fill:#F785BD}.white-text{color:white moke}.pink-text{color:#F43896}.blue-text{color:#1C76BC}.rounded- vg-icon-container{di play:inline-block}.rounded- vg-icon-container object{di play:inline-block;vertical-align:middle}.rounded- vg-icon{font- ize:1.5em}object{pointer-event :none}.img-xlg{width:160px;height:160px}.img-xxlg{width:220px;height:220px}.email-link{padding-top:8px}#id_ exual_preference{-webkit-padding- tart:0px;margin:0px;padding:0px}#id_ exual_preference li{li t- tyle-type:none}input[type=file]{-webkit-appearance:none;-moz-appearance:none;-di play:inline-block;appearance:none}.form-inline .form-group input[type=number]{width:70px}.no- croll{po ition:fixed;overflow:hidden;top:0;left:0;right:0;bottom:0}.navbar-mobile-open{cur or:pointer}.match-panel{di play:inline-block;background-color:tran parent;border:0;border-radiu :0;box- hadow:none}.match-panel{border-radiu :0.5em;border:1px  olid #D7D7DD}.match-panel-body{padding:30px 30px}.match-panel-container{di play:flex;align-item :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- ize:1.2em;di play:inline-block;vertical-align:middle}.match-info:hover{text-decoration:none}.match-info-header{di play:inline-block;vertical-align:middle}.match-info-icon{color:#313131;font- ize:0.8em;di play:inline-block;vertical-align:middle}.match-info-icon:hover{text-decoration:none}.match-location{color:#313131;font- ize:0.9em;margin-top:0.2em}.color-red{color:#FF0039}.border-red{border:2px  olid #FF0039 !important}.border-none{border:2px  olid none !important}.color-blue{color:#1274BF}.color-purple{color:#A466ED}.pill{di play:inline-block;background-color:white;box- hadow:0px 1px 6px rgba(0,0,0,0.2);padding:0.3em 0.5em;border-radiu :15em}.pill-block{di play:table;margin-right:auto;margin-bottom:10px}.pill img{di play:inline-block;height:38px;width:38px}.pill  pan{di play:inline-block;vertical-align:middle;font-weight:bold;font- ize:1em}.match-action{border:1px  olid #EAE4F5;di play:inline-block;border-radiu :50%;padding:0.75em;margin-right:1em;po ition:relative;ize:70%}@media (max-width:368px){.match-action{margin:0px}.match-action.match-action-like,.match-action.match-action-maybe,.match-action.match-action-di like,.match-action.match-action-me age{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  olid #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{di play:inline-block}.match-data .per onality-pill{margin-top:1em;margin-left:auto;margin-right:auto}.endle _more{font- ize:2em}@media (max-width:950px){.per onality-data{di play:inline-block;vertical-align:top;po ition:relative}}@media (min-width:1000px){.per onality-data{float:left;margin-bottom:5px;di play:table;vertical-align:top;po ition:relative}}.circle-po ition{border-radiu :50%;background-color:#0F75BD;po ition:relative;width:100%;height:auto;padding-top:100%}.circle- maller{background-color:none;ju tify-content:center;align-item :center;text-align:center;di play:flex;po ition:ab olute;padding:0 35px;color:white}.text-circle{color:white}@media (max-width:321px){.text-circle{margin-top:-130%;font- ize:20px;line-height:30px}.grid-container-index{margin-right:-30%}}@media (min-width:322px) and (max-width:400px){.text-circle{margin-top:-130%;font- ize: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- ize:25px;line-height:30px}.grid-container-index{margin-left:3%;margin-right:0%}}@media (min-width:768px){.text-circle{margin-top:-130%;font- ize:25px;line-height:30px}.grid-container-index{margin-left:10%;margin-right:10%}.fir t-p{di play:block;padding-left:30%;padding-right:30%;padding-bottom:2%}.explanation-p{padding:0 5%}}.match-info-verbo e{margin:1em}.match-bio p{white- pace:pre-line;text-align:left}.filter -container{po ition:fixed;z-index:1;color:#AFABB9;font- ize:1em;text-align:left}.filter -container input[type= ubmit],.filter -container a{width:100%;background-color:tran parent;border:1px  olid #3B419A;border-radiu :0.5em;color:#3B419A;padding:5px;margin-bottom:2px}.filter -container input[type= ubmit]:hover,.filter -container a:hover{background-color:#3B419A;color:white;border-radiu :25px;padding:10px 20px}.filter -container a.la t_filter_btn:hover{background-color:green}.filter -container  elect,.filter -container input,.filter -container  elect::placeholder,.filter -container input::placeholder{color:#707070;font-weight:bold}.filter -container  elect{-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radiu :0.5em;width:100% !important;background-color:white;border:1px  olid #F1F1F6;background-color:white;outline:none}.filter -container .form-group{width:100%}.filter -container #div_id_di tance{di play:block;margin-bottom:1em}.filter -container #div_id_min_age,.filter -container #div_id_max_age,.filter -container #div_id_min_height,.filter -container #div_id_max_height,.filter -container #div_id_min_weight,.filter -container #div_id_max_weight{di play:inline-block;width:48%;margin-bottom:1em}.filter -container #div_id_min_age input,.filter -container #div_id_max_age input,.filter -container #div_id_min_height input,.filter -container #div_id_max_height input,.filter -container #div_id_min_weight input,.filter -container #div_id_max_weight input{di play:inline-block;width:100%;border-radiu :0.5em}.filter -container #div_id_min_DNA,.filter -container #div_id_min_per onality{margin-bottom:1em}.filter -container #div_id_min_DNA input,.filter -container #div_id_min_per onality input{width:100%;border-radiu :0.5em}.filter -container #div_id_max_age,.filter -container #div_id_max_height,.filter -container #div_id_max_weight{margin-left:0.5em;float:right}.filter -container #div_id_dna_matche _only,.filter -container .filter{margin-bottom:1em}.filter -container .checkbox- crollable>div,.profile-form .checkbox- crollable>div{max-height:100px;overflow-y:auto;padding:6px 12px;border-radiu :0.5em;border:1px  olid #F1F1F6;background-color:white;outline:none;margin-right:10px}.me age-title,.me age-button{di play:inline-block;padding:0;margin:0}.me age-button{border:1px  olid #D7D7DD;background-color:white;color:#AFABB9;padding:0.3em 0.5em;border-radiu :0.5em}.me age-button img{di play:inline-block;margin-right:0.3em;height:12px;width:12px;vertical-align:middle}.me age-title{margin-left:0.5em;color:#514C5C;font-weight:bold;font- ize:1.2em}.pm_me age{border:1px  olid #D7D7DD;border-top-left-radiu :0.5em;border-top-right-radiu :0.5em}.me age- ender-name{color:#514C5C;font-weight:600;font- ize:1.1em;di play:inline-block;margin-left:0.5em}.pm_date{margin-right:1em}.me age-meta-container{margin-bottom:2em;di play:flex;align-item :center}.pm_header{padding:0;height:auto}.pm_header_content{padding:1em;di play:flex;ju tify-content:pace-between;align-item :center}.pm_body{padding:1em}.me age-header{di play:flex}.pm_me{background-color:#FC6486;color:white;margin-left:2em}.pm_me .pm_header,.pm_me .pm_ ender,.pm_me .me age- ender-name{color:white}.pm_me .pm_header::after{border-bottom:1px  olid rgba(255,255,255,0.2)}.pm_reply_container{width:100%;background-color:white;border:1px  olid #D7D7DD;padding:1.5em;border-radiu :0.5em}.pm_reply_container h2{padding:0;margin:0;font- ize:1.1em}.pm_reply_container textarea{-webkit-appearance:none;appearance:none;re ize:none;flex:10 1 0;width:100%;border:1px  olid #D7D7DD;border-radiu :0.5em;max-height:60px}.pm_reply_container #pm_reply{di play:flex;margin-top:1em;align-item :center}.pm_reply_container button{border:0;-webkit-appearance:none;appearance:none;flex:0 0 0;width:100%;di play:inline-block;margin:0em 1em;background-color:white;border-radiu :50%;padding:1em 1.1em 1em 1em;border:1px  olid #EAE4F5;box- hadow:1px 0px 4px rgba(0,0,0,0.1)}.pm_reply_container button img{di play:inline-block;width:25px;height:25px}.unread_count{background-color:red;float:right;border-radiu :50%;width:20px;height:20px;text-align:center;color:white;font- ize:0.8em;vertical-align:middle;line-height:20px;font-weight:bold}.me age-option -container{di play:flex;ju tify-content:pace-between;align-item :center}#pm_ ort_option  .pm_by_mode.non_active{color:#FF0039;background-color:white;border:1px  olid #D7D7DD;font-weight:600;padding:0.3em 1.5em}#pm_ ort_option  .pm_by_mode a{background-color:#F1F1F6;color:#AFABB9;border:1px  olid #D7D7DD;padding:0.3em 1.5em;font-weight:600}#pm_ ort_option  .pm_by_mode:fir t-child,#pm_ ort_option  .pm_by_mode:fir t-child a{border-top-left-radiu :0.5em;border-bottom-left-radiu :0.5em}#pm_ ort_option  .pm_by_mode:la t-child a,#pm_ ort_option  .pm_by_mode:la t-child{border-top-right-radiu :0.5em;border-bottom-right-radiu :0.5em}#pm_ ort_option   pan,#pm_ ort_option  a{di play:inline-block;vertical-align:middle}#pm_ ort_option{di play:flex}#pm_me age{margin-top:2em;background-color:white;border-radiu :0.5em;margin-bottom:0}#pm_me age  th a{color:#AFABB9;font-weight:600}#pm_me age  td{padding:1em;vertical-align:middle}.me age-profile-picture{margin-right:1em}.navbar-menu-unread-badge{height:5px;width:5px;border-radiu :50%;background-color:#FF0035;po ition:ab olute;top:5px;right:5px}.pm_me age _container{overflow-x:auto;margin-bottom:1em}.match-action .tooltiptext,.per onality-data .tooltiptext{vi ibility:hidden;width:120px;background-color:black;color:#fff;text-align:center;padding:5px 5px;border-radiu :6px;po ition:ab olute;z-index:1;top:100%;left:50%;margin-left:-60px}.match-action:hover .tooltiptext,.per onality-data:hover .tooltiptext{vi ibility:vi ible}.te timonial-text{padding-right:10em}.te timonial{di play:table-cell}.te timonial-img{width:200%}.dnaparent{di play:grid;grid-template-column :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  olid #1A76BB;border-radiu :25px;background-color:white;box- hadow:5px 5px 20px rgb(192,192,192)}.dnaoption2{grid-area:1/2/2/3;padding:5%;width:100%;height:fit-content;border:3px  olid #1A76BB;border-radiu :25px;background-color:white;box- hadow:5px 5px 20px rgb(192,192,192)}.howto-grid{di play:grid;grid-template-column :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  creen and (max-width:900px){.dnaparent{di play:grid;grid-template-column :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{di play:grid;grid-template-column :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  creen and (max-width:450px){.dnaparent{di play:grid;grid-template-column :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{di play:grid;grid-template-column :10% 80% 10%;grid-column-gap:5%;place-content:center}}.dnafont{font- ize:14px;margin-top:10px;line-height:17px}.dnafont- mall{font- ize:12px;margin-top:0px;line-height:17px}.dnaimg{padding-right:10%}@media (max-width:768px){#po tman{margin-top:1em}.me age-option -container{flex-direction:column}#pm_button{margin-top:1em;margin-bottom:1em}.fir t-p{di play:block;padding-left:5%;padding-right:5%;padding-bottom:1%}.explanation-p{padding:0 5%}}@media (max-width:392px){#pm_button  button,.me age-button{font- ize:0.75em}.me age-title{font- ize: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;po ition:relative;di play:none;flex-direction:column;ju tify-content:center;align-item :center;border-radiu :1em;cur or:pointer;margin-bottom:15px}.unlock-mobile-container::before{content:""}.unlock-mobile-bg{di play:block;width:100%;po ition:ab olute;top:-20px;left:-25px}.unlock-mobile-header{color:white;font- ize:1.1em;font-weight:bold;margin-bottom:1em}.unlock-mobile- ubheader{color:#FF3913;background-color:white;border-radiu :0.5em;padding:0.7em 1.5em;font-weight:bold;font- ize:1.1em;di play:flex;align-item :center}.unlock-mobile- h-icon{margin-left:1em}.unlock-de ktop-container{margin-top:1em;max-width:666px;height:75px;po ition:relative;background-color:white;border-radiu :1em;border:1px  olid #F1F1F6;di play:flex;ju tify-content:pace-between;align-item :center;background-image:url(../img/cta_heart_graphic _long. vg);background-repeat:no-repeat;background-po ition:bottom 0 right -80px;margin-bottom:15px}.unlock-de ktop-bg{po ition:ab olute;top:0;right:0;di play:block}.unlock-de ktop-header{color:#313131;opacity:0.7;font- ize:1.1em;font-weight:bold;margin-left:1em}.unlock-de ktop- h-icon{margin-left:1em}.unlock-de ktop- ubheader{color:white;font- ize:1em;line-height:2em;font-weight:bold;margin-left:1em;di play:flex;align-item :right;margin-top:10px;padding-top:10px}.unlock-de ktop- ubheader-ladie -night{text-align:center;overflow:hidden}.unlock-de ktop- h-icon-ladie -night{width:100%;max-width:664px;height:auto;margin:0 auto}@media (max-width:480px){.unlock-mobile-header{font- ize:0.9em}.unlock-mobile- ubheader{font- ize:0.9em}}. ale-banner-de ktop{margin-top:1em;max-width:666px;po ition:relative;cur or:pointer;margin-bottom:15px;di play:flex}. ale-banner-mobile{max-width:343px;margin:0 auto;po ition:relative;flex-direction:column;ju tify-content:center;align-item :center;cur or:pointer;margin-bottom:15px;di play:none}.badge-img{height:60px}.inline-img{height:20px}.premium-de c,.premium-checkbox{font- ize:15px;margin-top:10px;color:#222222;li t- tyle:none}.premium-plan - election{text-align:center;font- ize:20px}.premium-plan,. elected-loyalty{di play:inline-block;margin:5px}.premium- aving,.premium-total{color:#DBE9F6;height:28px}.premium-length{font- ize:25px;font-weight:bold;color:#222222}.premium-length-loyalty{font- ize:25px;font-weight:bold;color:#222222;background-color:#DBE9F6}.radio-option{border:5px  olid #DBE9F6}.radio-option. elected{border:5px  olid #0f75bd;color:#0f75bd;border-radiu :10px;di play:inline-block}.radio-option. elected-loyalty. elected{border:5px  olid #bd0f60;color:#ffffff;background-color:#bd0f60;border-radiu :10px;di play:inline-block}.premium-total-loyalty,.premium- aving-loyalty{color:#DBE9F6;height:28px}.radio-option. elected .premium- aving,.radio-option. elected .premium-total{background-color:#0f75bd}. ub cribe-btn,.pay-btn{background-color:#0f75bd;color:white;font- ize:25px;padding:5px 15px;border-radiu :25px;border:1px  olid tran parent;box- hadow:0 1px 3px 0 #e6ebf1;tran ition:box- hadow 150m  ea e;margin-top:1em}.StripeElement{box- izing:border-box;height:100%;width:100%;margin-top:5px;padding:10px 12px;border:1px  olid tran parent;border-radiu :4px;background-color:white;box- hadow:0 1px 3px 0 #e6ebf1;-webkit-tran ition:box- hadow 150m  ea e;tran ition:box- hadow 150m  ea e;color:"#32325d";font-family:"Helvetica Neue",Helvetica, an - erif;font- ize:16px}.StripeElement::placeholder{color:#aab7c4}.StripeElement--focu{box- hadow: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)}.field et{margin:0 15px 30px;padding:0;border- tyle:none;di play:-m -flexbox;di play:flex;-m -flex-flow:row wrap;flex-flow:row wrap;-m -flex-pack:ju tify;ju tify-content:pace-between}.di ableClick{pointer-event :none}@media (max-width:992px){.profile-form,. etting -form,.pay-form,.premium{width:auto;margin:2em 2em}.match-panel-container{flex-direction:column}.match-panel{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;di play:block;border-radiu :0}.match-panel-right{padding:0;text-align:center;width:100%;flex:initial;po ition: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{po ition:ab olute;top:-120px;left:0;right:0;width:100%;text-align:center;padding-top:1 em;height:73px;background-image:url(../img/gradient_ hadow. vg);background- ize:cover}.match-data{margin-top:1em}.pill img{width:28px;height:28px}.pill  pan{font- ize:0.8em}.match-info{color:white}.match-location{color:rgba(255,255,255,0.6)}.match-data-mobile{di play:block}.match-info-icon{color:white}#page-content.me age -page-content{padding-top:60px}.unlock-mobile-container,. ale-banner-mobile{di play:flex}.unlock-de ktop-container,. ale-banner-de ktop{di play:none}}.modal-dialog{width:85%}.modal-header::after{border-bottom:none}.modal-header .btn-clo e{font- ize:40px}@media (min-width:768px){.modal-dialog{width:680px}}.filter-img{width:25px}. how-more-matche{width:200px;border-radiu :25px;background-color:#0F75BD;border:#357ebd;color:white}. how-more-matche :hover{color:white}.c-card-container{di play:-m -flexbox;di play:flex;-m -flex-direction:row;flex-direction:row;-m -flex-wrap:wrap;flex-wrap:wrap;-m -flex-pack:center;ju tify-content:center}.c-card{border:1px  olid lightgray;border-radiu :2rem;margin:0.5rem;padding:1.75rem;text-align:left;width:300px}.c-card:hover{border:1px  olid #206fd6;box- hadow:0px 0px 25px 5px rgba(0,0,0,0.1);tran form:cale(1.025)}.c-card-company{font- ize:32px;font-weight:bold;width:100%}.c-card-date{color:#808080;font- ize:1.5rem}.c-card-quote{font- ize:1.5rem;font- tyle:italic}.c-card-quotation{font- ize:3rem;font-weight:bold}.c-media-container{di play:-m -flexbox;di play:flex;-m -flex-direction:row;flex-direction:row;-m -flex-wrap:wrap;flex-wrap:wrap;-m -flex-pack:center;ju tify-content:center}.c-media{di play:-m -flexbox;di play:flex;-m -flex-direction:column;flex-direction:column;border:1px  olid lightgray;border-radiu :2rem;margin:2rem;padding:2rem;text-align:center}.c-media-image{max-height:300px}.c-media-download{margin-top:2rem}.c-text- hadow{text- hadow:0px 0px 10px black}.carou el-title{text-align:center;padding-bottom:15px}.fine-print{font- ize:10px;color:#9c9ea9;margin-top:5px}#hover_div #hover_a{po ition:relative;color:blue}#hover_div #hover_a #hover_ pan{po ition:ab olute;di play:none;z-index:99}#hover_div #hover_a:hover #hover_ pan{di play:block}.invalid-feedback,.errorli t{color:red}.couple -report-da hboard{padding-top:80px;background:#f8f9fa;min-height:100vh}.couple -report-da hboard .da hboard-header{background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%);color:white;padding:3rem 0;margin-bottom:3rem;border-radiu :0 0 50px 50px;box- hadow:0 10px 30px rgba(0,0,0,0.1)}.couple -report-da hboard .da hboard-header h1{font- ize:3rem;font-weight:700;margin-bottom:1rem;text- hadow:0 2px 10px rgba(0,0,0,0.2)}.couple -report-da hboard .da hboard-header p{font- ize:1.2rem;opacity:0.9}.couple -report-da hboard .couple -card{background:white;border-radiu :20px;padding:2rem;margin-bottom:2rem;box- hadow:0 5px 20px rgba(0,0,0,0.08);tran ition:all 0.3  ea e;border:1px  olid #e9ecef}.couple -report-da hboard .couple -card:hover{tran form:tran lateY(-5px);box- hadow:0 10px 30px rgba(0,0,0,0.12)}.couple -report-da hboard .couple -card .card-header{border-bottom:2px  olid #f0f0f0;padding-bottom:1rem;margin-bottom:1.5rem}.couple -report-da hboard .couple -card .card-header h3{color:#0F75BD;font-weight:600;margin:0}.couple -report-da hboard .couple -card .partner-email{color:#F72C93;font-weight:500;font- ize:1.1rem}.couple -report-da hboard .couple -card .action-button{di play:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.couple -report-da hboard .couple -card .action-button  .btn{flex:1;min-width:120px;border-radiu :25px;padding:0.75rem 1.5rem;font-weight:500;tran ition:all 0.3  ea e}.couple -report-da hboard .couple -card .action-button  .btn.btn-primary{background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%);border:none}.couple -report-da hboard .couple -card .action-button  .btn.btn-primary:hover{tran form:tran lateY(-2px);box- hadow:0 5px 15px rgba(15,117,189,0.3)}.couple -report-da hboard .couple -card .action-button  .btn.btn- econdary{background:#0F75BD;border:none}.couple -report-da hboard .couple -card .action-button  .btn.btn- econdary:hover{background:rgb(11.25,87.75,141.75);tran form:tran lateY(-2px)}.couple -report-da hboard .couple -card .action-button  .btn.btn-danger{background:#dc3545;border:none}.couple -report-da hboard .couple -card .action-button  .btn.btn-danger:hover{background:rgb(189.2151898734,32.7848101266,47.7721518987);tran form:tran lateY(-2px)}.couple -report-da hboard .create-report- ection{background:white;border-radiu :20px;padding:3rem;text-align:center;box- hadow:0 5px 20px rgba(0,0,0,0.08);margin-top:3rem}.couple -report-da hboard .create-report- ection h2{color:#0F75BD;margin-bottom:1rem}.couple -report-da hboard .create-report- ection p{color:#6c757d;margin-bottom:2rem}.couple -report-da hboard .create-report- ection .btn-create{background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%);color:white;border:none;border-radiu :30px;padding:1rem 3rem;font- ize:1.1rem;font-weight:600;tran ition:all 0.3  ea e}.couple -report-da hboard .create-report- ection .btn-create:hover{tran form:tran lateY(-2px);box- hadow:0 10px 25px rgba(15,117,189,0.3)}.couple -report-content .report- ection{background:white;border-radiu :20px;padding:3rem;margin-bottom:2rem;box- hadow:0 5px 20px rgba(0,0,0,0.08)}.couple -report-content .report- ection h2{color:#0F75BD;font-weight:700;margin-bottom:2rem;po ition:relative;padding-bottom:1rem}.couple -report-content .report- ection h2:after{content:"";po ition:ab olute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%)}.couple -report-content .report- ection h3{color:#F72C93;font-weight:600;margin-top:2rem;margin-bottom:1rem}.couple -report-content .compatibility- core{text-align:center;padding:2rem}.couple -report-content .compatibility- core . core-circle{width:150px;height:150px;margin:0 auto 2rem;po ition:relative}.couple -report-content .compatibility- core . core-circle . core-value{po ition:ab olute;top:50%;left:50%;tran form:tran late(-50%,-50%);font- ize:3rem;font-weight:700;background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%);-webkit-background-clip:text;-webkit-text-fill-color:tran parent}.couple -report-content .trait -compari on .trait-row{di play:flex;align-item :center;padding:1rem;border-bottom:1px  olid #f0f0f0;tran ition:all 0.3  ea e}.couple -report-content .trait -compari on .trait-row:hover{background:#f8f9fa}.couple -report-content .trait -compari on .trait-row .trait-label{flex:1;font-weight:500;color:#495057}.couple -report-content .trait -compari on .trait-row .trait-value{flex:2;di play:flex;gap:2rem}.couple -report-content .trait -compari on .trait-row .trait-value .partner-value{flex:1;text-align:center;padding:0.5rem;border-radiu :10px;background:#f8f9fa}.couple -report-content .trait -compari on .trait-row .trait-value .partner-value.partner-1{border:2px  olid #0F75BD}.couple -report-content .trait -compari on .trait-row .trait-value .partner-value.partner-2{border:2px  olid #F72C93}.value-propo ition-card{background:white;border-radiu :15px;padding:2rem;height:100%;box- hadow:0 5px 15px rgba(0,0,0,0.08);tran ition:all 0.3  ea e;po ition:relative;overflow:hidden}.value-propo ition-card::before{content:"";po ition:ab olute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%)}.value-propo ition-card:hover{tran form:tran lateY(-5px);box- hadow:0 10px 25px rgba(0,0,0,0.12)}.value-propo ition-card .icon-wrapper{width:70px;height:70px;background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%);border-radiu :50%;di play:flex;align-item :center;ju tify-content:center;margin-bottom:1.5rem}.value-propo ition-card .icon-wrapper i{font- ize:2rem;color:white}.value-propo ition-card h4{color:#0F75BD;font-weight:600;margin-bottom:1rem}.value-propo ition-card p{color:#6c757d;line-height:1.6}@media (max-width:768px){.couple -report-da hboard .da hboard-header h1{font- ize:2rem}.couple -report-da hboard .couple -card{padding:1.5rem}.couple -report-da hboard .couple -card .action-button{flex-direction:column}.couple -report-da hboard .couple -card .action-button  .btn{width:100%}.couple -report-content .report- ection{padding:1.5rem}}.footer3{padding-top:3rem !important;background-color:#2c3e50 !important;color:#ecf0f1 !important}.footer3 addre ,.footer3 a,.footer3 p,.footer3 .footer-text,.footer3 .footer-link,.footer3 .footer-link-large{background-color:tran parent !important;background:none !important;padding:0 !important;border-radiu :0 !important}.footer3 .footer-text{color:#ecf0f1 !important;font- ize:14px;line-height:1.6}.footer3 .footer-link{color:#3498db !important;text-decoration:underline}.footer3 .footer-link:hover{color:#F72C93 !important;background-color:tran parent !important;background:none !important;text-decoration:underline}.footer3 .footer-link-large{color:#ffffff !important;font-weight:500;text-decoration:none;font- ize:16px}.footer3 .footer-link-large:hover{color:#F72C93 !important;background-color:tran parent !important;background:none !important;text-decoration:underline}.footer3 .footer-addre{background:tran parent !important;border:none !important;padding:0 !important}.footer3 .footer-addre  p{color:#ecf0f1 !important;background:none !important}h1.c-text- hadow{text- hadow:none !important}.blog-preview-image{height:auto !important;max-height:400px !important;object-fit:contain !important;width:100% !important;tran ition:tran form 0.3  ea e}.blog-preview-image:hover{tran form:cale(1.05)}@media (max-width:768px){.blog-preview-image{max-height:250px !important}}.pre -card{tran ition:all 0.3  ea e;border-radiu :12px;overflow:hidden}.pre -card:hover{tran form:tran lateY(-5px);box- hadow:0 10px 30px rgba(0,0,0,0.15) !important}.pre -card:hover .pre -icon{tran form:cale(1.1)}.pre -card .card-body{min-height:250px;di play:flex;flex-direction:column}.pre -card .pre -icon{width:50px;height:50px;di play:flex;align-item :center;ju tify-content:center;tran ition:tran form 0.3  ea e}.pre -card .pre -icon i{font- ize:1.5rem}.pre -card .card-title{font- ize:1.1rem;color:#333}.pre -card h6{flex-grow:0;font- ize:1rem;line-height:1.4}.pre -card .card-text{flex-grow:1;di play:flex;align-item :center;line-height:1.5}@media (max-width:991px){.pre -card .card-body{min-height:200px}}@media (max-width:575px){.pre -card .pre -icon{width:40px;height:40px}.pre -card .pre -icon i{font- ize:1.25rem}.pre -card .card-title{font- ize:1rem}}.documentary- ection{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);padding:80px 0;po ition:relative;overflow:hidden}.documentary- ection::before{content:"";po ition:ab olute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(15,117,189,0.1) 0%,tran parent 70%);animation:float 20  ea e-in-out infinite}.documentary- ection . ection-title{font- ize:3rem;font-weight:700;color:#0F75BD;margin-bottom:3rem;po ition:relative}.documentary- ection . ection-title::after{content:"";po ition:ab olute;bottom:-15px;left:50%;tran form:tran lateX(-50%);width:80px;height:4px;background:linear-gradient(to right,#0F75BD,#F72C93);border-radiu :2px}.documentary- ection .video-container{po ition:relative;background:white;border-radiu :20px;padding:20px;box- hadow:0 20px 60px rgba(0,0,0,0.1);overflow:hidden}.documentary- ection .video-container::before{content:"";po ition:ab olute;top:0;left:0;right:0;height:5px;background:linear-gradient(to right,#0F75BD,#F72C93)}.documentary- ection .video-container .video-wrapper{po ition:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radiu :12px}.documentary- ection .video-container .video-wrapper iframe{po ition:ab olute;top:0;left:0;width:100%;height:100%;border:none}.documentary- ection .video-container .video-de cription{margin-top:2rem;font- ize:1.2rem;line-height:1.8;color:#555;text-align:center}.documentary- ection .video-container .video-de cription .highlight{color:#0F75BD;font-weight:600}.documentary- ection .video-container .play-button{po ition:ab olute;top:50%;left:50%;tran form:tran late(-50%,-50%);width:80px;height:80px;background:rgba(15,117,189,0.9);border-radiu :50%;di play:flex;align-item :center;ju tify-content:center;cur or:pointer;tran ition:all 0.3  ea e;z-index:10}.documentary- ection .video-container .play-button:hover{background:rgb(15,117,189);tran form:tran late(-50%,-50%)  cale(1.1)}.documentary- ection .video-container .play-button i{color:white;font- ize:2rem;margin-left:5px}@keyframe  float{0%,100%{tran form:rotate(0deg)}50%{tran form:rotate(180deg)}}@media (max-width:768px){.documentary- ection{padding:60px 0}.documentary- ection . ection-title{font- ize:2.5rem}.documentary- ection .video-container{padding:15px}.documentary- ection .video-container .video-de cription{font- ize:1.1rem}}.re earch-grid{di play:grid;grid-template-column :repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;padding:2rem 0}@media (min-width:1400px){.re earch-grid{grid-template-column :repeat(4,1fr)}}@media (min-width:992px) and (max-width:1399px){.re earch-grid{grid-template-column :repeat(3,1fr)}}@media (min-width:576px) and (max-width:991px){.re earch-grid{grid-template-column :repeat(2,1fr)}}@media (max-width:575px){.re earch-grid{grid-template-column :1fr;gap:1rem}}.re earch-card{background:#fff;border-radiu :12px;box- hadow:0 3px 10px rgba(0,0,0,0.08);tran ition:all 0.3  ea e;overflow:hidden;height:100%;di play:flex;flex-direction:column}.re earch-card:hover{tran form:tran lateY(-5px);box- hadow:0 8px 25px rgba(0,0,0,0.12)}.re earch-card .card-header{background:linear-gradient(135deg,#0F75BD 0%,#F72C93 100%);padding:1rem 1.25rem;border:none;po ition:relative}.re earch-card .card-header .card-number{po ition:ab olute;top:10px;right:15px;width:30px;height:30px;background:rgba(255,255,255,0.2);border-radiu :50%;di play:flex;align-item :center;ju tify-content:center;font-weight:bold;color:white;font- ize:0.875rem}.re earch-card .card-header h4{margin:0;font- ize:1.1rem;font-weight:600}.re earch-card .card-header h4 a{color:white !important;text-decoration:none;di play:flex;align-item :center;gap:0.5rem;tran ition:opacity 0.3  ea e}.re earch-card .card-header h4 a:hover{opacity:0.9}.re earch-card .card-header h4 a i{font- ize:0.875rem;tran ition:tran form 0.3  ea e}.re earch-card .card-header h4 a[aria-expanded="true"] i{tran form:rotate(45deg)}.re earch-card .card-body{padding:1.25rem;flex:1}.re earch-card .card-body p{margin-bottom:1rem;font- ize:0.95rem;line-height:1.6;color:#555}.re earch-card .card-body p:la t-child{margin-bottom:0}.re earch-card .card-body p a{color:#0F75BD;text-decoration:none;font-weight:500;tran ition:color 0.3  ea e}.re earch-card .card-body p a:hover{color:#F72C93;text-decoration:underline}.re earch-card .card-body  trong{color:#F72C93;font- ize:1.2rem}.re earch-card .collap e .card-body{border-top:1px  olid 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}. ection-icon{margin-bottom:2rem;opacity:0.8;animation:float 4  ea e-in-out infinite}.banner3{background-image:url(../image /background/couple.webp);background- ize:cover;background-po ition:center;background-repeat:no-repeat;min-height:700px;po ition:relative;di play:flex;align-item :center}.banner3::before{content:'';po ition:ab olute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:1}.banner3 .container,.banner3 .banner3-content{po ition:relative;z-index:2}.banner3-dnaromance,#topp{background-image:url(../image /background/couple.webp);background- ize:cover;background-po ition:center;background-repeat:no-repeat;min-height:700px;po ition:relative;di play:flex;align-item :center}.banner3-dnaromance::before,#topp::before{content:'';po ition:ab olute;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{po ition:relative;z-index:2}.banner3-datemetrix{background-image:url(../image /background/Per onalitie .png);background- ize:cover;background-po ition:center;background-repeat:no-repeat;min-height:700px;po ition:relative;di play:flex;align-item :center}.banner3-datemetrix::before{content:'';po ition:ab olute;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{po ition:relative;z-index:2}.banner3-genepool{background-image:url(../image /genepool/3pannel.jpeg);background- ize:cover;background-po ition:center;background-repeat:no-repeat;min-height:700px;po ition:relative;di play:flex;align-item :center}.banner3-genepool::before{content:'';po ition:ab olute;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{po ition:relative;z-index:2}@media (max-width:1024px) and (min-width:769px){.banner3,#topp{background-image:url(../image /background/couple- kyline.jpeg)}.webp .banner3,.webp #topp,.banner3.webp,#topp.webp{background-image:url(../image /background/couple- kyline.webp)}.no-webp .banner3,.no-webp #topp,.banner3.no-webp,#topp.no-webp{background-image:url(../image /background/couple- kyline.jpeg)}}@media (max-width:768px){.banner3,#topp{min-height:500px;background-attachment:croll;background-image:url(../image /background/couple- kyline.jpeg)}.webp .banner3,.webp #topp,.banner3.webp,#topp.webp{background-image:url(../image /background/couple- kyline.webp)}.no-webp .banner3,.no-webp #topp,.banner3.no-webp,#topp.no-webp{background-image:url(../image /background/couple- kyline.jpeg)}}.bg-primary,[cla *="bg-blue"],[ tyle*="background:#0F75BD"],[ tyle*="background-color:#0F75BD"],[ tyle*="background:rgb(15,117,189)"],[ tyle*="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  pan,.bg-primary div,.bg-primary li,.bg-primary a,.bg-primary .text-primary,.bg-primary .color-primary,.bg-primary .blue-text,[cla *="bg-blue"] h1,[cla *="bg-blue"] h2,[cla *="bg-blue"] h3,[cla *="bg-blue"] h4,[cla *="bg-blue"] h5,[cla *="bg-blue"] h6,[cla *="bg-blue"] p,[cla *="bg-blue"]  pan,[cla *="bg-blue"] div,[cla *="bg-blue"] li,[cla *="bg-blue"] a,[cla *="bg-blue"] .text-primary,[cla *="bg-blue"] .color-primary,[cla *="bg-blue"] .blue-text,[ tyle*="background:#0F75BD"] h1,[ tyle*="background:#0F75BD"] h2,[ tyle*="background:#0F75BD"] h3,[ tyle*="background:#0F75BD"] h4,[ tyle*="background:#0F75BD"] h5,[ tyle*="background:#0F75BD"] h6,[ tyle*="background:#0F75BD"] p,[ tyle*="background:#0F75BD"]  pan,[ tyle*="background:#0F75BD"] div,[ tyle*="background:#0F75BD"] li,[ tyle*="background:#0F75BD"] a,[ tyle*="background:#0F75BD"] .text-primary,[ tyle*="background:#0F75BD"] .color-primary,[ tyle*="background:#0F75BD"] .blue-text,[ tyle*="background-color:#0F75BD"] h1,[ tyle*="background-color:#0F75BD"] h2,[ tyle*="background-color:#0F75BD"] h3,[ tyle*="background-color:#0F75BD"] h4,[ tyle*="background-color:#0F75BD"] h5,[ tyle*="background-color:#0F75BD"] h6,[ tyle*="background-color:#0F75BD"] p,[ tyle*="background-color:#0F75BD"]  pan,[ tyle*="background-color:#0F75BD"] div,[ tyle*="background-color:#0F75BD"] li,[ tyle*="background-color:#0F75BD"] a,[ tyle*="background-color:#0F75BD"] .text-primary,[ tyle*="background-color:#0F75BD"] .color-primary,[ tyle*="background-color:#0F75BD"] .blue-text{color:#ffffff !important}.bg-primary a,[cla *="bg-blue"] a,[ tyle*="background:#0F75BD"] a,[ tyle*="background-color:#0F75BD"] a{color:#ffffff !important;text-decoration:underline}.bg-primary a:hover,[cla *="bg-blue"] a:hover,[ tyle*="background:#0F75BD"] a:hover,[ tyle*="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,[ tyle*="linear-gradient"] h1.text-primary,[ tyle*="linear-gradient"] h1.color-primary,[ tyle*="linear-gradient"] h1.blue-text,[ tyle*="linear-gradient"] h2.text-primary,[ tyle*="linear-gradient"] h2.color-primary,[ tyle*="linear-gradient"] h2.blue-text,[ tyle*="linear-gradient"] h3.text-primary,[ tyle*="linear-gradient"] h3.color-primary,[ tyle*="linear-gradient"] h3.blue-text,[ tyle*="linear-gradient"] h4.text-primary,[ tyle*="linear-gradient"] h4.color-primary,[ tyle*="linear-gradient"] h4.blue-text,[ tyle*="linear-gradient"] h5.text-primary,[ tyle*="linear-gradient"] h5.color-primary,[ tyle*="linear-gradient"] h5.blue-text,[ tyle*="linear-gradient"] h6.text-primary,[ tyle*="linear-gradient"] h6.color-primary,[ tyle*="linear-gradient"] h6.blue-text,[ tyle*="linear-gradient"] p.text-primary,[ tyle*="linear-gradient"] p.color-primary,[ tyle*="linear-gradient"] p.blue-text{color:#ffffff !important}.webp .banner3-datemetrix,.banner3-datemetrix.webp{background-image:url(../image /background/Per onalitie .webp)}.no-webp .banner3-datemetrix,.banner3-datemetrix.no-webp{background-image:url(../image /background/Per onalitie .png)}.webp .banner3-genepool,.banner3-genepool.webp{background-image:url(../image /genepool/3pannel.webp)}.no-webp .banner3-genepool,.banner3-genepool.no-webp{background-image:url(../image /genepool/3pannel.jpeg)}

:root{--font- ize-x :0.875rem;--font- ize- m:1rem;--font- ize-ba e:1.125rem;--font- ize-lg:1.25rem;--font- ize-xl:1.5rem;--font- ize-2xl:2rem;--font- ize-3xl:2.5rem;--touch-target-min:48px;--touch-target-comfort:60px;-- pacing-x :0.25rem;-- pacing- m:0.5rem;-- pacing-ba e:1rem;-- pacing-lg:1.5rem;-- pacing-xl:2rem;-- pacing-2xl:3rem;--border-radiu - m:0.375rem;--border-radiu -ba e:0.5rem;--border-radiu -lg:0.75rem;--border-radiu -xl:1rem}.per onality-te t-heading,.te t-header h1,.game-wrapper h1{font- ize:var(--font- ize-3xl);line-height:1.2;font-weight:700}.per onality-te t- ubheading,.te t-header .lead,.game-wrapper . ubheading{font- ize:var(--font- ize-lg);line-height:1.4;font-weight:500}.per onality-te t-que tion,#que tion,.que tion-text{font- ize:var(--font- ize-xl);line-height:1.4;font-weight:600}.per onality-te t-choice,.choice-text{font- ize:var(--font- ize-ba e);line-height:1.4;font-weight:400}.per onality-te t-button,.choice-container,.btn-per onality{min-height:var(--touch-target-comfort);padding:var(-- pacing-ba e) var(-- pacing-lg);border-radiu :var(--border-radiu -lg);di play:flex;align-item :center;ju tify-content:center;tran ition:all 0.3  ea e}.per onality-te t-progre{min-height:24px;border-radiu :var(--border-radiu -ba e)}@media (min-width:769px){:root{--font- ize-3xl:3rem;--font- ize-xl:1.75rem;--font- ize-lg:1.375rem}.per onality-te t-button{min-height:56px;padding:var(-- pacing-lg) var(-- pacing-xl)}}@media (min-width:577px) and (max-width:768px){:root{--font- ize-3xl:2.25rem;--font- ize-xl:1.375rem;--font- ize-lg:1.125rem;--font- ize-ba e:1rem}.per onality-te t-button,.choice-container{min-height:56px;padding:0.875rem var(-- pacing-lg)}.per onality-te t-progre{min-height:22px}}@media (max-width:576px){:root{--font- ize-3xl:1.75rem;--font- ize-xl:1.25rem;--font- ize-lg:1rem;--font- ize-ba e:0.95rem}.per onality-te t-button,.choice-container{min-height:var(--touch-target-min);padding:0.75rem var(-- pacing-ba e);font- ize:var(--font- ize-ba e)}.per onality-te t-progre{min-height:20px}.per onality-te t-choice{flex-direction:column;gap:var(-- pacing- m)}}@media (max-width:400px){:root{--font- ize-3xl:1.5rem;--font- ize-xl:1.125rem;-- pacing-ba e:0.75rem}.per onality-te t-button,.choice-container{padding:0.625rem var(-- pacing- m)}}@media (max-height:500px) and (orientation:land cape){:root{--font- ize-3xl:1.5rem;--font- ize-xl:1.125rem;-- pacing-xl:1rem;-- pacing-lg:0.75rem}.per onality-te t-button,.choice-container{min-height:40px;padding:0.5rem var(-- pacing-ba e)}.per onality-te t- ection{padding:var(-- pacing-ba e) 0}}@media (hover:none) and (pointer:coar e){.per onality-te t-button:hover,.choice-container:hover{tran form:none}.per onality-te t-button:active,.choice-container:active{tran form:cale(0.98);tran ition:tran form 0.1  ea e}.per onality-te t-button,.choice-container{touch-action:manipulation}}@media (prefer -reduced-motion:reduce){.per onality-te t-button,.choice-container,.per onality-te t-progre{tran ition:none;animation:none}.per onality-te t-button:hover,.choice-container:hover{tran form:none}}@media (prefer -contra t:high){.per onality-te t-button,.choice-container{border-width:2px;border- tyle:olid}}@media print{.per onality-te t- ection{background:white !important}.per onality-te t-button,.choice-container{border:1px  olid #000 !important;background:white !important;color:black !important;box- hadow:none !important}}@media (prefer -color- cheme:dark){:root{--text-primary:#f8f9fa;--text- econdary:#dee2e6;--bg-primary:#212529;--bg- econdary:#343a40;--border-color:#495057}.per onality-te t- ection{background:var(--bg-primary);color:var(--text-primary)}.per onality-te t-button,.choice-container{background:var(--bg- econdary);color:var(--text-primary);border-color:var(--border-color)}.per onality-te t-que tion{color:var(--text-primary)}}.game-wrapper h1{font- ize:var(--font- ize-3xl)}.game-wrapper . ubheading{font- ize:var(--font- ize-lg)}#que tion{font- ize:var(--font- ize-xl)}.choice-text{font- ize:var(--font- ize-ba e)}.btn-per onality{min-height:var(--touch-target-comfort);padding:var(-- pacing-ba e) var(-- pacing-lg)}.app-logo{border-radiu :var(--border-radiu -lg);tran ition:all 0.3  ea e}.re ult -header h1,.type-badge{font- ize:var(--font- ize-3xl)}.de cription-header{font- ize:var(--font- ize-lg)}.de cription-content{font- ize:var(--font- ize-ba e);line-height:1.6}@media (-webkit-min-device-pixel-ratio:2),(min-re olution:2dppx){.per onality-te t-button,.choice-container{border-width:0.5px}}.per onality-te t-button,.choice-container{tran form:tran late3d(0,0,0);will-change:tran form}@media (min-width:769px){.per onality-te t-button:hover,.choice-container:hover{tran form:tran late3d(0,-2px,0)}}

/**
 * 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;
}