@charset "UTF-8";:root{--color-primary:#0f75bd;--color-primary-light:#2196f3;--color-primary-dark:#0a5a91;--color-primary-rgb:15,117,189;--color-secondary:#f72c93;--color-secondary-light:#ff6bb3;--color-secondary-dark:#d91872;--color-secondary-rgb:247,44,147;--color-accent:#7c4dff;--color-success:#4caf50;--color-success-light:#81c784;--color-success-dark:#388e3c;--color-success-rgb:76,175,80;--color-warning:#ff9800;--color-warning-light:#ffb74d;--color-warning-dark:#f57c00;--color-warning-rgb:255,152,0;--color-danger:#f44336;--color-danger-light:#ef5350;--color-danger-dark:#d32f2f;--color-danger-rgb:244,67,54;--color-info:#00bcd4;--color-info-light:#4dd0e1;--color-info-dark:#0097a7;--color-info-rgb:0,188,212;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#eee;--color-gray-300:#e0e0e0;--color-gray-400:#bdbdbd;--color-gray-500:#9e9e9e;--color-gray-600:#757575;--color-gray-700:#616161;--color-gray-800:#424242;--color-gray-900:#212121;--color-black:#000;--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-muted:var(--color-gray-500);--color-text-inverse:var(--color-white);--color-background:var(--color-white);--color-background-alt:var(--color-gray-50);--color-surface:var(--color-white);--color-surface-elevated:var(--color-white);--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);--gradient-secondary:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent) 100%);--gradient-success:linear-gradient(135deg,#4caf50,#8bc34a);--gradient-premium:linear-gradient(135deg,gold,#ffa000);--gradient-dark:linear-gradient(135deg,var(--color-gray-800) 0%,var(--color-gray-900) 100%);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-secondary:"Poppins",var(--font-primary);--font-mono:"SF Mono",Monaco,"Cascadia Code",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.333rem;--font-size-xl:1.777rem;--font-size-2xl:2.369rem;--font-size-3xl:3.157rem;--font-size-4xl:4.209rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tighter:-0.05em;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--space-unit:0.5rem;--space-xxs:calc(var(--space-unit)*0.5);--space-xs:var(--space-unit);--space-sm:calc(var(--space-unit)*1.5);--space-md:calc(var(--space-unit)*2);--space-lg:calc(var(--space-unit)*3);--space-xl:calc(var(--space-unit)*4);--space-2xl:calc(var(--space-unit)*6);--space-3xl:calc(var(--space-unit)*8);--space-4xl:calc(var(--space-unit)*12);--space-5xl:calc(var(--space-unit)*16);--space-inline:var(--space-md);--space-stack:var(--space-lg);--space-section:var(--space-4xl);--space-gutter:var(--space-lg);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-2xl:1400px;--grid-columns:12;--grid-gutter:var(--space-lg);--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--border-none:0;--border-thin:1px;--border-medium:2px;--border-thick:4px;--border-color:var(--color-gray-200);--border-color-hover:var(--color-gray-300);--border-color-focus:var(--color-primary);--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 2px 4px rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -1px rgba(0,0,0,.03);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.02);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.08),0 10px 10px -5px rgba(0,0,0,.02);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.15);--shadow-primary:0 4px 14px 0 rgba(15,117,189,.3);--shadow-secondary:0 4px 14px 0 rgba(247,44,147,.3);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.06);--shadow-inner-lg:inset 0 4px 8px 0 rgba(0,0,0,.08);--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--transition-default:all var(--duration-normal) var(--ease-in-out);--transition-fast:all var(--duration-fast) var(--ease-in-out);--transition-slow:all var(--duration-slow) var(--ease-in-out);--z-negative:-1;--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-notification:1080;--button-padding-x:var(--space-lg);--button-padding-y:var(--space-sm);--button-font-weight:var(--font-weight-medium);--button-border-radius:var(--radius-md);--button-transition:var(--transition-fast);--card-padding:var(--space-lg);--card-radius:var(--radius-lg);--card-shadow:var(--shadow-md);--card-shadow-hover:var(--shadow-lg);--input-padding-x:var(--space-md);--input-padding-y:var(--space-sm);--input-border-radius:var(--radius-md);--input-border-color:var(--border-color);--input-focus-color:var(--color-primary);--input-focus-shadow:0 0 0 3px rgba(var(--color-primary-rgb),0.1);--nav-height:64px;--nav-background:hsla(0,0%,100%,.95);--nav-backdrop-filter:blur(10px);--modal-backdrop:rgba(0,0,0,.5);--modal-radius:var(--radius-xl);--modal-shadow:var(--shadow-2xl);--spring-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--spring-wobbly:cubic-bezier(0.18,0.89,0.32,1.28);--spring-gentle:cubic-bezier(0.25,0.46,0.45,0.94);--duration-quick:200ms;--duration-smooth:400ms;--duration-leisurely:800ms;--transition-spring:all var(--duration-smooth) var(--spring-wobbly);--gradient-brand:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);--gradient-success-vibrant:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-light) 100%);--gradient-warning-vibrant:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-light) 100%);--gradient-danger-vibrant:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-light) 100%);--gradient-info-vibrant:linear-gradient(135deg,var(--color-info) 0%,var(--color-info-light) 100%);--gradient-subtle:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%);--gradient-surface:linear-gradient(135deg,var(--color-white) 0%,var(--color-gray-50) 100%);--gradient-hero:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-accent) 100%);--gradient-hero-dark:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-800) 100%);--shadow-primary-light:0 4px 14px 0 rgba(var(--color-primary-rgb),0.15);--shadow-secondary-light:0 4px 14px 0 rgba(var(--color-secondary-rgb),0.15);--shadow-glass-hover:0 16px 48px 0 rgba(31,38,135,.25);--button-padding-sm:var(--space-xs) var(--space-md);--button-padding-lg:var(--space-md) var(--space-xl);--button-height-sm:32px;--button-height-md:40px;--button-height-lg:48px;--card-padding-sm:var(--space-md);--card-padding-lg:var(--space-xl);--card-gap:var(--space-lg);--nav-height-sm:56px;--nav-height-lg:72px;--nav-padding:var(--space-md) var(--space-lg);--input-height:48px;--input-height-sm:36px;--input-height-lg:56px;--label-font-size:var(--font-size-sm);--helper-font-size:var(--font-size-xs);--text-display:clamp(2.5rem,8vw,5.5rem);--text-hero:clamp(2rem,6vw,4rem);--text-h1:clamp(1.75rem,4vw,3rem);--text-h2:clamp(1.5rem,3vw,2.25rem);--text-h3:clamp(1.25rem,2.5vw,1.875rem);--text-h4:clamp(1.125rem,2vw,1.5rem);--text-h5:clamp(1rem,1.5vw,1.25rem);--text-h6:clamp(0.875rem,1.2vw,1.125rem);--text-lead:clamp(1.125rem,2vw,1.25rem);--text-body:1rem;--text-body-sm:0.875rem;--text-caption:0.75rem;--text-overline:0.625rem;--line-height-display:0.95;--line-height-hero:1.1;--line-height-heading:1.25;--line-height-body:1.6;--line-height-caption:1.4;--letter-spacing-display:-0.025em;--letter-spacing-hero:-0.02em;--letter-spacing-heading:-0.01em;--letter-spacing-body:0;--letter-spacing-caption:0.025em;--letter-spacing-overline:0.1em;--color-primary-50:#e6f3ff;--color-primary-100:#b3d9ff;--color-primary-200:#80bfff;--color-primary-300:#4da6ff;--color-primary-400:#1a8cff;--color-primary-500:#0f75bd;--color-primary-600:#0c5ea0;--color-primary-700:#094783;--color-primary-800:#063066;--color-primary-900:#031949;--color-secondary-50:#fef0f7;--color-secondary-100:#fcc2e0;--color-secondary-200:#fa94ca;--color-secondary-300:#f866b3;--color-secondary-400:#f6389c;--color-secondary-500:#f72c93;--color-secondary-600:#d41f7a;--color-secondary-700:#b11661;--color-secondary-800:#8e0d48;--color-secondary-900:#6b042f;--gradient-dawn:linear-gradient(135deg,#ff9a9e,#fad0c4);--gradient-sunset:linear-gradient(135deg,#fa709a,#fee140);--gradient-ocean:linear-gradient(135deg,#667eea,#764ba2);--gradient-forest:linear-gradient(135deg,#11998e,#38ef7d);--gradient-royal:linear-gradient(135deg,#667db6,#0082c8);--gradient-rose:linear-gradient(135deg,#f093fb,#f5576c);--gradient-dna-helix:linear-gradient(45deg,var(--color-primary) 0%,var(--color-secondary) 25%,var(--color-accent) 50%,var(--color-secondary) 75%,var(--color-primary) 100%);--glass-bg-light:hsla(0,0%,100%,.08);--glass-bg-dark:rgba(0,0,0,.08);--glass-border:hsla(0,0%,100%,.2);--glass-backdrop:blur(20px);--shadow-01:0 1px 2px 0 rgba(0,0,0,.05);--shadow-02:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-03:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-04:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-05:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-06:0 25px 50px -12px rgba(0,0,0,.25);--shadow-primary-soft:0 4px 14px 0 rgba(var(--color-primary-rgb),0.15);--shadow-primary-medium:0 8px 28px 0 rgba(var(--color-primary-rgb),0.25);--shadow-primary-strong:0 16px 48px 0 rgba(var(--color-primary-rgb),0.35);--shadow-secondary-soft:0 4px 14px 0 rgba(var(--color-secondary-rgb),0.15);--shadow-secondary-medium:0 8px 28px 0 rgba(var(--color-secondary-rgb),0.25);--shadow-secondary-strong:0 16px 48px 0 rgba(var(--color-secondary-rgb),0.35);--shadow-hover:0 12px 24px -8px rgba(0,0,0,.15);--shadow-active:0 2px 4px -1px rgba(0,0,0,.08);--shadow-focus:0 0 0 4px rgba(var(--color-primary-rgb),0.12);--shadow-inner-soft:inset 0 1px 3px 0 rgba(0,0,0,.05);--shadow-inner-strong:inset 0 2px 8px 0 rgba(0,0,0,.1);--shadow-glass:0 8px 32px 0 rgba(31,38,135,.12);--ease-smooth:cubic-bezier(0.25,0.46,0.45,0.94);--ease-bounce-in:cubic-bezier(0.6,0.04,0.98,0.335);--ease-bounce-out:cubic-bezier(0.175,0.885,0.32,1.275);--ease-back-in:cubic-bezier(0.6,-0.28,0.735,0.045);--ease-back-out:cubic-bezier(0.175,0.885,0.32,1.275);--ease-elastic-out:cubic-bezier(0.68,-0.55,0.265,1.55);--duration-instant:0ms;--duration-micro:75ms;--duration-fast:150ms;--duration-normal:250ms;--duration-medium:400ms;--duration-slow:600ms;--duration-slower:900ms;--duration-slowest:1200ms;--transition-smooth:all var(--duration-normal) var(--ease-smooth);--transition-bounce:all var(--duration-medium) var(--ease-bounce-out);--transition-elastic:all var(--duration-slow) var(--ease-elastic-out);--transition-micro:all var(--duration-micro) var(--ease-out);--dna-helix-primary:#3b82f6;--dna-helix-secondary:#ec4899;--dna-helix-tertiary:#10b981;--dna-helix-quaternary:#f59e0b;--compatibility-excellent:#059669;--compatibility-very-good:#65a30d;--compatibility-good:#ca8a04;--compatibility-fair:#dc2626;--compatibility-poor:#991b1b;--data-viz-background:rgba(59,130,246,.05);--data-viz-grid:rgba(59,130,246,.1);--data-viz-accent:rgba(236,72,153,.8);--gradient-genetic:linear-gradient(135deg,#667eea,#764ba2);--gradient-premium-dna:linear-gradient(135deg,#f093fb,#f5576c);--gradient-science:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-luxury:linear-gradient(135deg,#ffecd2,#fcb69f);--dna-rotation-speed:20s;--helix-pulse-speed:3s;--data-flow-speed:2s}@media (prefers-color-scheme:dark){:root{--color-background:var(--color-gray-900);--color-surface:var(--color-gray-800);--color-text-primary:var(--color-gray-50);--color-text-secondary:var(--color-gray-300);--border-color:var(--color-gray-700)}}[data-site=datemetrix]{--color-primary:#6a1b9a;--color-primary-light:#9c4dcc;--color-primary-dark:#4a148c;--color-primary-rgb:106,27,154;--gradient-primary:linear-gradient(135deg,#6a1b9a,#9c4dcc)}[data-site=genepool]{--color-primary:#00897b;--color-primary-light:#4db6ac;--color-primary-dark:#00695c;--color-primary-rgb:0,137,123;--gradient-primary:linear-gradient(135deg,#00897b,#4db6ac)}[data-site=wellmatched]{--color-primary:#1976d2;--color-primary-light:#42a5f5;--color-primary-dark:#1565c0;--color-primary-rgb:25,118,210;--gradient-primary:linear-gradient(135deg,#1976d2,#42a5f5)}[data-site=generecovery]{--color-primary:#388e3c;--color-primary-light:#66bb6a;--color-primary-dark:#2e7d32;--color-primary-rgb:56,142,60;--gradient-primary:linear-gradient(135deg,#388e3c,#66bb6a)}[data-site=heritablehealth]{--color-primary:#007bff;--color-primary-light:#40a9ff;--color-primary-dark:#0056b3;--color-primary-rgb:0,123,255;--gradient-primary:linear-gradient(135deg,#007bff,#40a9ff)}@media (max-width:767px){:root{--space-section:var(--space-3xl);--card-padding:var(--space-md);--nav-height:var(--nav-height-sm);--font-size-4xl:2.5rem;--font-size-3xl:2rem;--font-size-2xl:1.75rem}}@media (min-width:1200px){:root{--space-section:calc(var(--space-4xl) + var(--space-lg));--card-padding:var(--space-xl);--nav-height:var(--nav-height-lg)}}.text-brand{color:var(--color-primary)!important}.text-accent{color:var(--color-accent)!important}.bg-brand{background-color:var(--color-primary)!important}.bg-accent{background-color:var(--color-accent)!important}.bg-gradient-brand{background:var(--gradient-brand)!important}.bg-gradient-hero{background:var(--gradient-hero)!important}.border-brand{border-color:var(--color-primary)!important}.border-radius-token{border-radius:var(--radius-md)!important}.shadow-token{box-shadow:var(--shadow-md)!important}.shadow-hover-token{box-shadow:var(--shadow-hover)!important}:export{primaryColor:var(--color-primary);secondaryColor:var(--color-secondary);breakpointMd:var(--breakpoint-md);breakpointLg:var(--breakpoint-lg);durationNormal:var(--duration-normal);springBounce:var(--spring-bounce);shadowPrimary:var(--shadow-primary)}.swipe-container{min-height:80vh;padding:20px 0;position:relative}.swipe-cards-container{height:600px;margin:0 auto;max-width:400px;perspective:1000px;position:relative}.swipe-card{backface-visibility:hidden;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.1);cursor:grab;height:100%;position:absolute;transform-style:preserve-3d;transition:transform .3s ease,opacity .3s ease;width:100%}.swipe-card:active{cursor:grabbing}.swipe-card:first-child{z-index:4}.swipe-card:nth-child(2){opacity:.9;transform:scale(.95) translateY(10px);z-index:3}.swipe-card:nth-child(3){opacity:.8;transform:scale(.9) translateY(20px);z-index:2}.swipe-card:nth-child(n+4){display:none}.swipe-card-image{border-radius:16px 16px 0 0;height:60%;overflow:hidden;position:relative;width:100%}.swipe-card-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.swipe-card-info{display:flex;flex-direction:column;height:40%;justify-content:space-between;padding:20px}.swipe-card-info h3{color:#333;font-size:1.5rem;font-weight:600;margin:0}.swipe-card-info .location{color:#6c757d;font-size:.9rem;margin-top:5px}.swipe-card-info .bio{color:#495057;display:-webkit-box;font-size:.95rem;-webkit-line-clamp:3;line-height:1.4;margin-top:10px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.swipe-indicator{border-radius:8px;font-size:1.5rem;font-weight:700;opacity:0;padding:10px 20px;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.swipe-indicator.like{background:#28a745;color:#fff;right:20px;transform:translateY(-50%) rotate(15deg)}.swipe-indicator.nope{background:#dc3545;color:#fff;left:20px;transform:translateY(-50%) rotate(-15deg)}.swipe-indicator.superlike{background:#17a2b8;color:#fff;left:50%;top:20px;transform:translateX(-50%)}.swipe-card.swiping-left .swipe-indicator.nope,.swipe-card.swiping-right .swipe-indicator.like,.swipe-card.swiping-up .swipe-indicator.superlike{opacity:1}.swipe-actions{gap:20px;margin-top:30px}.swipe-action-btn,.swipe-actions{display:flex;justify-content:center}.swipe-action-btn{align-items:center;background:#fff;border:2px solid;border-radius:50%;cursor:pointer;height:60px;position:relative;transition:all .3s ease;width:60px}.swipe-action-btn:hover{box-shadow:0 6px 20px rgba(0,0,0,.2)}.swipe-action-btn:active{opacity:.8}.swipe-action-btn.dislike{border-color:#dc3545;color:#dc3545}.swipe-action-btn.dislike:hover{background:#dc3545;color:#fff}.swipe-action-btn.superlike{border-color:#17a2b8;color:#17a2b8}.swipe-action-btn.superlike:hover{background:#17a2b8;color:#fff}.swipe-action-btn.like{border-color:#28a745;color:#28a745}.swipe-action-btn.like:hover{background:#28a745;color:#fff}.swipe-action-btn i{font-size:1.5rem}@keyframes swipeRight{to{opacity:0;transform:translateX(150%)}}@keyframes swipeLeft{to{opacity:0;transform:translateX(-150%)}}@keyframes swipeUp{to{opacity:0;transform:translateY(-150%)}}.swipe-card.swiped-right{animation:swipeRight .5s ease-out forwards}.swipe-card.swiped-left{animation:swipeLeft .5s ease-out forwards}.swipe-card.swiped-up{animation:swipeUp .5s ease-out forwards}.swipe-empty-state{padding:60px 20px;text-align:center}.swipe-empty-state i{color:#dee2e6;font-size:4rem;margin-bottom:20px}.swipe-empty-state h3{color:#6c757d;margin-bottom:10px}.swipe-empty-state p{color:#adb5bd}.match-modal{text-align:center}.match-modal .modal-body{padding:40px}.match-modal .match-avatars{align-items:center;display:flex;justify-content:center;margin-bottom:30px}.match-modal .match-avatar{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.1);height:120px;-o-object-fit:cover;object-fit:cover;width:120px}.match-modal .match-avatar:nth-child(2){margin-left:-30px}.match-modal h2{color:#28a745;margin-bottom:10px}@media (max-width:576px){.swipe-cards-container{height:500px;max-width:90%}.swipe-action-btn{height:50px;width:50px}.swipe-action-btn i,.swipe-card-info h3{font-size:1.25rem}}.swipe-card.touching{transition:none}.swipe-loading{align-items:center;display:flex;height:400px;justify-content:center}.swipe-loading .spinner-border{height:3rem;width:3rem}.matchmaking-background{background:url("../images/background/matchmaking_background.26c60df5e89a.jpg") repeat top fixed}.top-button{font-weight:700!important;margin:10px 20px!important;padding:10px 25px!important}.top-button-font-color{color:#fff}.top-button-border{border:2px solid #fff!important}ul li{display:inline}div p{color:#5c5d61}.modal-trigger:hover{border:5px solid #555;transform:scale(1.1);transition:transform .2s}.pill{background-color:#fff;border-radius:15em;box-shadow:0 1px 6px rgba(0,0,0,.2);padding:.3em .5em}.pill,.pill img{display:inline-block}.pill img{height:38px;width:38px}.pill span{display:inline-block;font-size:1em;font-weight:700;vertical-align:middle}.pill-block{display:table;margin-bottom:10px;margin-right:auto}.match-data{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.match-data .pill{margin-right:1em}.match-data .personality-pill{margin-left:auto;margin-right:auto;margin-top:1em}.match-data-mobile{display:inline-block}.color-blue{color:#1274bf}.color-purple{color:#a466ed}@media (max-width:950px){.personality-data{display:inline-block;position:relative;vertical-align:top}}@media (min-width:1000px){.personality-data{display:table;float:left;margin-bottom:5px;position:relative;vertical-align:top}}.match-action .tooltiptext,.personality-data .tooltiptext{background-color:#000;border-radius:6px;color:#fff;left:50%;margin-left:-60px;padding:5px;position:absolute;text-align:center;top:100%;visibility:hidden;width:120px;z-index:1}.match-action:hover .tooltiptext,.personality-data:hover .tooltiptext{visibility:visible}@media (max-width:992px){.match-data{margin-top:1em}.pill img{height:28px;width:28px}.pill span{font-size:.8em}.match-data .pill{margin-left:.5em;margin-right:.5em}.match-data-mobile{display:block}}.matches-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem}.match-panel{background:#fff;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px;overflow:hidden;transition:all .3s ease}.match-panel:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-2px)}.match-panels{background:#fff;border:none;border-radius:12px;box-shadow:0 5px 25px rgba(0,0,0,.08);margin-bottom:20px;transition:all .3s ease}.match-panel-body{padding:1rem}.match-panel-container{align-items:center;display:flex;flex-direction:column;padding:1rem}.match-panel-left{margin-bottom:1rem;text-align:center}.match-panel-left img{border:3px solid #f8f9fa;border-radius:50%;height:150px;-o-object-fit:cover;object-fit:cover;width:150px}.match-panel-right{text-align:center;width:100%}.match-info-container{margin-bottom:1rem}.match-info-header{color:#212529;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.match-location{color:#6c757d;font-size:.95rem;margin-bottom:16px}.match-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}.match-action,.match-actions{align-items:center;justify-content:center}.match-action{background:#fff;border:2px solid #dee2e6;border-radius:50%;cursor:pointer;display:inline-flex;height:48px;position:relative;transition:all .3s ease;width:48px}.match-action img{cursor:pointer;height:24px;transition:filter .3s ease;width:24px}.match-action img:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);opacity:.8}.message-button{align-items:center;background:#f8f9fa;border-radius:.375rem;color:#6c757d;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.message-button:hover{background:#e9ecef;color:#495057;text-decoration:none}.filters-container{margin-bottom:1rem;padding:1rem;position:relative}.filter-button{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:.375rem;cursor:pointer;display:inline-flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.filter-button:hover{background:#f8f9fa;border-color:#adb5bd}.filter-icon{height:20px;width:20px}.filter-button-text{color:#495057;font-weight:500}.filters-popup{background:#fff;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);left:0;margin-top:.5rem;min-width:300px;padding:25px;position:absolute;right:0;top:60px;z-index:1000}.filters-popup.hide{display:none}.match-page-content{margin:0 auto;max-width:1400px;padding:1rem}.demo-preview-alert{margin-bottom:1rem}.demo-preview-alert.hidden{display:none}@media (max-width:768px){.matches-grid{grid-template-columns:1fr;padding:.5rem}.match-panel-left img{height:120px;width:120px}.match-actions{gap:20px}.match-action img{height:36px;width:36px}}#location-map{border:1px solid #dee2e6;border-radius:8px;height:300px;width:100%}#location-map.d-none{display:none}.location-search-input{position:relative}.location-search-input input{padding-right:40px}.location-search-input .location-icon{color:#6c757d;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.location-suggestions{background:#fff;border:1px solid #dee2e6;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px rgba(0,0,0,.1);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.location-suggestions .suggestion-item{cursor:pointer;padding:.75rem 1rem;transition:background-color .2s ease}.location-suggestions .suggestion-item:hover{background-color:#f8f9fa}.location-suggestions .suggestion-item.active{background-color:#e9ecef}.use-current-location{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;color:#495057;cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.use-current-location:hover{background:#e9ecef;border-color:#adb5bd}.use-current-location i{color:#0d6efd}.location-badge{align-items:center;background:#e7f3ff;border-radius:1rem;color:#0d6efd;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.25rem .75rem}.location-badge i{font-size:.75rem}.distance-filter .distance-slider{margin:1rem 0;width:100%}.distance-filter .distance-value{color:#212529;font-weight:600}.text-display{background:var(--gradient-primary);-webkit-background-clip:text;font-size:var(--text-display);font-weight:var(--font-weight-black);letter-spacing:var(--letter-spacing-display);line-height:var(--line-height-display);-webkit-text-fill-color:transparent;background-clip:text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-display,.text-hero{font-family:var(--font-secondary);text-rendering:optimizeLegibility}.text-hero{color:var(--color-text-primary);font-size:var(--text-hero);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-hero);line-height:var(--line-height-hero)}.text-hero--gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-lead{color:var(--color-text-secondary);font-size:var(--text-lead);font-weight:var(--font-weight-medium);line-height:var(--line-height-body);max-width:65ch}.text-overline{color:var(--color-primary);font-size:var(--text-overline);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-overline);margin-bottom:var(--space-sm);text-transform:uppercase}.text-shimmer{background:linear-gradient(90deg,var(--color-text-primary) 0,var(--color-primary) 50%,var(--color-text-primary) 100%);-webkit-background-clip:text;background-size:200% 100%;-webkit-text-fill-color:transparent;animation:shimmer-text 3s ease-in-out infinite;background-clip:text}.text-shadow-soft{text-shadow:0 2px 4px rgba(0,0,0,.1)}.text-shadow-strong{text-shadow:0 4px 8px rgba(0,0,0,.2)}@keyframes shimmer-text{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--easing-default) both}.animate-slide-up{animation:slideUp var(--duration-normal) var(--easing-default) both}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--easing-bounce) both}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse{animation:pulse 2s var(--easing-default) infinite}.animate-bounce{animation:bounce 2s var(--ease-bounce-out) infinite}.animate-stagger>*{animation:slideUp var(--duration-medium) var(--ease-bounce-out) forwards;opacity:0;transform:translateY(20px)}.animate-stagger>:first-child{animation-delay:0ms}.animate-stagger>:nth-child(2){animation-delay:.1s}.animate-stagger>:nth-child(3){animation-delay:.2s}.animate-stagger>:nth-child(4){animation-delay:.3s}.animate-stagger>:nth-child(5){animation-delay:.4s}.animate-stagger>:nth-child(6){animation-delay:.5s}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}.btn-premium{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-xs);justify-content:center;line-height:1;min-height:44px;min-width:44px;overflow:hidden;padding:var(--space-sm) var(--space-lg);position:relative;text-decoration:none;transition:var(--transition-smooth)}.btn-premium:before{background:hsla(0,0%,100%,.3);border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width var(--duration-slow),height var(--duration-slow);width:0}.btn-premium:hover{transform:translateY(-2px)}.btn-premium:active{transform:translateY(0);transition-duration:var(--duration-micro)}.btn-premium:active:before{height:300px;width:300px}.btn-premium--primary{background:var(--gradient-primary);box-shadow:var(--shadow-primary-soft);color:var(--color-white)}.btn-premium--primary:hover{box-shadow:var(--shadow-primary-medium)}.btn-premium--primary:focus-visible{box-shadow:var(--shadow-primary-medium),var(--shadow-focus)}.btn-premium--secondary{background:var(--gradient-secondary);box-shadow:var(--shadow-secondary-soft);color:var(--color-white)}.btn-premium--secondary:hover{box-shadow:var(--shadow-secondary-medium)}.btn-premium--glass{backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--glass-bg-light);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);color:var(--color-white)}.btn-premium--glass:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.btn-premium--gradient-border{background:var(--color-white);background-clip:padding-box;border:2px solid transparent;color:var(--color-primary)}.btn-premium--gradient-border:after{background:var(--gradient-primary);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;padding:2px;pointer-events:none;position:absolute}.btn-premium--gradient-border:hover{color:var(--color-white)}.btn-premium--gradient-border:hover:after{background:var(--gradient-primary)}.btn-premium--sm{font-size:var(--font-size-sm);min-height:36px;padding:var(--space-xs) var(--space-md)}.btn-premium--lg{font-size:var(--font-size-lg);min-height:56px;padding:var(--space-md) var(--space-xl)}.btn-premium--xl{font-size:var(--font-size-xl);min-height:64px;padding:var(--space-lg) var(--space-2xl)}.btn-premium--loading{color:transparent;pointer-events:none}.btn-premium--loading:after{animation:spinner .8s linear infinite;border:2px solid var(--color-white);border-radius:50%;border-top:2px solid transparent;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}.btn-premium--disabled,.btn-premium:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.btn-premium--disabled:before,.btn-premium:disabled:before{display:none}@keyframes spinner{to{transform:rotate(1turn)}}.form-group-premium{margin-bottom:var(--space-lg);position:relative}.form-group-premium .form-control{background:var(--color-white);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);height:56px;padding:0 var(--space-md);transition:var(--transition-smooth);width:100%}.form-group-premium .form-control::-moz-placeholder{color:var(--color-text-muted);opacity:.7}.form-group-premium .form-control::placeholder{color:var(--color-text-muted);opacity:.7}.form-group-premium .form-control:focus{background:var(--color-white);border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.1);outline:none}.form-group-premium .form-control.is-invalid{border-color:var(--color-danger)}.form-group-premium .form-control.is-invalid:focus{box-shadow:0 0 0 4px rgba(var(--color-danger-rgb),.1)}.form-group-premium .form-control.is-valid{border-color:var(--color-success)}.form-group-premium .form-control.is-valid:focus{box-shadow:0 0 0 4px rgba(var(--color-success-rgb),.1)}.form-group-premium--floating .form-control{padding-top:24px}.form-group-premium--floating .form-control::-moz-placeholder{color:transparent}.form-group-premium--floating .form-control::placeholder{color:transparent}.form-group-premium--floating .form-control:not(:-moz-placeholder)+label{color:var(--color-primary);transform:translateY(-24px) scale(.85)}.form-group-premium--floating .form-control:focus+label,.form-group-premium--floating .form-control:not(:placeholder-shown)+label{color:var(--color-primary);transform:translateY(-24px) scale(.85)}.form-group-premium--floating label{background:var(--color-white);color:var(--color-text-secondary);font-size:var(--font-size-base);left:var(--space-md);padding:0 var(--space-xs);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transform-origin:left center;transition:var(--transition-smooth)}.form-group-premium--glass .form-control{backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--glass-bg-light);border-color:var(--glass-border);color:var(--color-white)}.form-group-premium--glass .form-control::-moz-placeholder{color:hsla(0,0%,100%,.7)}.form-group-premium--glass .form-control::placeholder{color:hsla(0,0%,100%,.7)}.form-group-premium--glass .form-control:focus{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.4)}.form-group-premium--glass.form-group-premium--floating label{background:transparent;color:hsla(0,0%,100%,.8)}.form-group-premium .form-help{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.form-group-premium .form-help.is-invalid{color:var(--color-danger)}.form-group-premium .form-help.is-valid{color:var(--color-success)}.card-premium{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-03);overflow:hidden;padding:var(--space-xl);position:relative;transition:var(--transition-smooth)}.card-premium:hover{box-shadow:var(--shadow-05);transform:translateY(-4px)}.card-premium--glass{backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--glass-bg-light);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass)}.card-premium--glass:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.3)}.card-premium--gradient-border{background-clip:padding-box;border:2px solid transparent}.card-premium--gradient-border:before{background:var(--gradient-primary);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;padding:2px;position:absolute}.card-premium--shimmer{overflow:hidden}.card-premium--shimmer:after{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes shimmer{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}.skeleton-premium{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:400% 100%;border-radius:var(--radius-md)}.skeleton-premium--text{height:1rem;margin-bottom:var(--space-xs)}.skeleton-premium--text:last-child{width:80%}.skeleton-premium--title{height:2rem;margin-bottom:var(--space-md);width:60%}.skeleton-premium--avatar{border-radius:50%;height:60px;width:60px}.skeleton-premium--button{border-radius:var(--radius-lg);height:44px;width:120px}.skeleton-premium--card{border-radius:var(--radius-xl);height:300px}.dna-loader{height:100px;margin:0 auto;position:relative;width:100px}.dna-loader .helix{height:100%;position:relative;width:100%}.dna-loader .helix .strand{animation:rotate 2s linear infinite;border:3px solid transparent;border-radius:50%;height:100%;position:absolute;width:100%}.dna-loader .helix .strand:first-child{animation-delay:0s;border-left-color:var(--color-primary);border-right-color:var(--color-primary)}.dna-loader .helix .strand:nth-child(2){animation-delay:-.5s;border-bottom-color:var(--color-secondary);border-top-color:var(--color-secondary)}.dna-loader .helix .strand:nth-child(3){animation-delay:-1s;border-left-color:var(--color-accent);border-right-color:var(--color-accent);opacity:.6;transform:scale(.8)}@keyframes rotate{to{transform:rotate(1turn)}}.glass-light{background:var(--glass-bg-light);border:1px solid var(--glass-border)}.glass-dark,.glass-light{backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop)}.glass-dark{background:var(--glass-bg-dark);border:1px solid hsla(0,0%,100%,.1)}.bg-gradient-dna{background:var(--gradient-dna-helix)}.bg-gradient-genetic{background:var(--gradient-genetic)}.bg-gradient-dawn{background:var(--gradient-dawn)}.bg-gradient-sunset{background:var(--gradient-sunset)}.bg-gradient-ocean{background:var(--gradient-ocean)}.bg-gradient-forest{background:var(--gradient-forest)}.bg-gradient-royal{background:var(--gradient-royal)}.bg-gradient-rose{background:var(--gradient-rose)}.shadow-brand{box-shadow:var(--shadow-primary-soft)}.shadow-brand-strong{box-shadow:var(--shadow-primary-strong)}.shadow-glass{box-shadow:var(--shadow-glass)}.transition-smooth{transition:var(--transition-smooth)}.transition-bounce{transition:var(--transition-bounce)}.transition-elastic{transition:var(--transition-elastic)}.transition-micro{transition:var(--transition-micro)}.hover-lift{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.hover-lift:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px rgba(var(--color-primary-rgb),.4)}.hover-scale{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.hover-scale:hover{transform:scale(1.05)}.focus-ring:focus-visible{box-shadow:var(--shadow-focus);outline:none}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-secondary{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:767px){.text-display{font-size:clamp(2rem,8vw,3rem)}.text-hero{font-size:clamp(1.5rem,6vw,2.5rem)}.btn-premium{min-height:48px}.btn-premium--lg{min-height:56px}.form-group-premium .form-control{height:52px}.card-premium{padding:var(--space-lg)}}@media (prefers-contrast:high){.btn-premium{border:2px solid}.form-group-premium .form-control{border-width:2px}.card-premium{border:1px solid var(--color-gray-400)}}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-content-start{justify-content:flex-start}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.justify-content-evenly{justify-content:space-evenly}.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.align-items-stretch{align-items:stretch}.align-items-baseline{align-items:baseline}.align-self-start{align-self:flex-start}.align-self-center{align-self:center}.align-self-end{align-self:flex-end}.align-self-stretch{align-self:stretch}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.flex-fill{flex:1 1 auto}.d-grid{display:grid}.d-inline-grid{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.gap-0{gap:0}.gap-1{gap:var(--space-xxs)}.gap-2{gap:var(--space-xs)}.gap-3{gap:var(--space-sm)}.gap-4{gap:var(--space-md)}.gap-5{gap:var(--space-lg)}.gap-6{gap:var(--space-xl)}.gap-8{gap:var(--space-2xl)}.position-static{position:static}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.inset-0{inset:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.m-0{margin:0}.m-1{margin:var(--space-xxs)}.m-2{margin:var(--space-xs)}.m-3{margin:var(--space-sm)}.m-4{margin:var(--space-md)}.m-5{margin:var(--space-lg)}.m-6{margin:var(--space-xl)}.m-8{margin:var(--space-2xl)}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-xxs)}.mt-2{margin-top:var(--space-xs)}.mt-3{margin-top:var(--space-sm)}.mt-4{margin-top:var(--space-md)}.mt-5{margin-top:var(--space-lg)}.mt-6{margin-top:var(--space-xl)}.mt-8{margin-top:var(--space-2xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-xxs)}.mb-2{margin-bottom:var(--space-xs)}.mb-3{margin-bottom:var(--space-sm)}.mb-4{margin-bottom:var(--space-md)}.mb-5{margin-bottom:var(--space-lg)}.mb-6{margin-bottom:var(--space-xl)}.mb-8{margin-bottom:var(--space-2xl)}.ml-0,.ms-0{margin-left:0}.ml-1,.ms-1{margin-left:var(--space-xxs)}.ml-2,.ms-2{margin-left:var(--space-xs)}.ml-3,.ms-3{margin-left:var(--space-sm)}.ml-4,.ms-4{margin-left:var(--space-md)}.ml-5,.ms-5{margin-left:var(--space-lg)}.ml-6,.ms-6{margin-left:var(--space-xl)}.ml-8,.ms-8{margin-left:var(--space-2xl)}.ml-auto,.ms-auto{margin-left:auto}.me-0,.mr-0{margin-right:0}.me-1,.mr-1{margin-right:var(--space-xxs)}.me-2,.mr-2{margin-right:var(--space-xs)}.me-3,.mr-3{margin-right:var(--space-sm)}.me-4,.mr-4{margin-right:var(--space-md)}.me-5,.mr-5{margin-right:var(--space-lg)}.me-6,.mr-6{margin-right:var(--space-xl)}.me-8,.mr-8{margin-right:var(--space-2xl)}.me-auto,.mr-auto{margin-right:auto}.p-0{padding:0}.p-1{padding:var(--space-xxs)}.p-2{padding:var(--space-xs)}.p-3{padding:var(--space-sm)}.p-4{padding:var(--space-md)}.p-5{padding:var(--space-lg)}.p-6{padding:var(--space-xl)}.p-8{padding:var(--space-2xl)}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-xxs)}.pt-2{padding-top:var(--space-xs)}.pt-3{padding-top:var(--space-sm)}.pt-4{padding-top:var(--space-md)}.pt-5{padding-top:var(--space-lg)}.pt-6{padding-top:var(--space-xl)}.pt-8{padding-top:var(--space-2xl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-xxs)}.pb-2{padding-bottom:var(--space-xs)}.pb-3{padding-bottom:var(--space-sm)}.pb-4{padding-bottom:var(--space-md)}.pb-5{padding-bottom:var(--space-lg)}.pb-6{padding-bottom:var(--space-xl)}.pb-8{padding-bottom:var(--space-2xl)}.pl-0,.ps-0{padding-left:0}.pl-1,.ps-1{padding-left:var(--space-xxs)}.pl-2,.ps-2{padding-left:var(--space-xs)}.pl-3,.ps-3{padding-left:var(--space-sm)}.pl-4,.ps-4{padding-left:var(--space-md)}.pl-5,.ps-5{padding-left:var(--space-lg)}.pl-6,.ps-6{padding-left:var(--space-xl)}.pl-8,.ps-8{padding-left:var(--space-2xl)}.pe-0,.pr-0{padding-right:0}.pe-1,.pr-1{padding-right:var(--space-xxs)}.pe-2,.pr-2{padding-right:var(--space-xs)}.pe-3,.pr-3{padding-right:var(--space-sm)}.pe-4,.pr-4{padding-right:var(--space-md)}.pe-5,.pr-5{padding-right:var(--space-lg)}.pe-6,.pr-6{padding-right:var(--space-xl)}.pe-8,.pr-8{padding-right:var(--space-2xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-black{font-weight:var(--font-weight-black)}.font-primary{font-family:var(--font-primary)}.font-secondary{font-family:var(--font-secondary)}.font-mono{font-family:var(--font-mono)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.no-underline{text-decoration:none}.line-through{text-decoration:line-through}.leading-none{line-height:1}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tighter{letter-spacing:var(--letter-spacing-tighter)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.tracking-widest{letter-spacing:var(--letter-spacing-widest)}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-danger{color:var(--color-danger)!important}.text-info{color:var(--color-info)!important}.text-white{color:var(--color-white)!important}.text-black{color:var(--color-black)!important}.text-muted{color:var(--color-text-muted)!important}.bg-primary{background-color:var(--color-primary)!important}.bg-secondary{background-color:var(--color-secondary)!important}.bg-success{background-color:var(--color-success)!important}.bg-warning{background-color:var(--color-warning)!important}.bg-danger{background-color:var(--color-danger)!important}.bg-info{background-color:var(--color-info)!important}.bg-white{background-color:var(--color-white)!important}.bg-black{background-color:var(--color-black)!important}.bg-transparent{background-color:transparent!important}.bg-gray-50{background-color:var(--color-gray-50)!important}.bg-gray-100{background-color:var(--color-gray-100)!important}.bg-gray-200{background-color:var(--color-gray-200)!important}.bg-gray-300{background-color:var(--color-gray-300)!important}.bg-gray-400{background-color:var(--color-gray-400)!important}.bg-gray-500{background-color:var(--color-gray-500)!important}.bg-gray-600{background-color:var(--color-gray-600)!important}.bg-gray-700{background-color:var(--color-gray-700)!important}.bg-gray-800{background-color:var(--color-gray-800)!important}.bg-gray-900{background-color:var(--color-gray-900)!important}.bg-gradient-primary{background:var(--gradient-primary)!important}.bg-gradient-secondary{background:var(--gradient-secondary)!important}.bg-gradient-success{background:var(--gradient-success)!important}.bg-gradient-premium{background:var(--gradient-premium)!important}.bg-gradient-dark{background:var(--gradient-dark)!important}.border-0{border:0!important}.border{border:var(--border-thin) solid var(--border-color)!important}.border-2{border:var(--border-medium) solid var(--border-color)!important}.border-4{border:var(--border-thick) solid var(--border-color)!important}.border-t{border-top:var(--border-thin) solid var(--border-color)!important}.border-r{border-right:var(--border-thin) solid var(--border-color)!important}.border-b{border-bottom:var(--border-thin) solid var(--border-color)!important}.border-l{border-left:var(--border-thin) solid var(--border-color)!important}.border-primary{border-color:var(--color-primary)!important}.border-secondary{border-color:var(--color-secondary)!important}.border-success{border-color:var(--color-success)!important}.border-warning{border-color:var(--color-warning)!important}.border-danger{border-color:var(--color-danger)!important}.border-white{border-color:var(--color-white)!important}.border-transparent{border-color:transparent!important}.rounded-none{border-radius:0!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded,.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-2xl{border-radius:var(--radius-2xl)!important}.rounded-full{border-radius:var(--radius-full)!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow,.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.shadow-2xl{box-shadow:var(--shadow-2xl)!important}.shadow-primary{box-shadow:var(--shadow-primary)!important}.shadow-secondary{box-shadow:var(--shadow-secondary)!important}.shadow-inner{box-shadow:var(--shadow-inner)!important}.transform{transform:var(--transform,none)}.transform-none{transform:none!important}.scale-0{--transform:scale(0)}.scale-50{--transform:scale(0.5)}.scale-75{--transform:scale(0.75)}.scale-90{--transform:scale(0.9)}.scale-95{--transform:scale(0.95)}.scale-100{--transform:scale(1)}.scale-105{--transform:scale(1.05)}.scale-110{--transform:scale(1.1)}.scale-125{--transform:scale(1.25)}.scale-150{--transform:scale(1.5)}.rotate-0{--transform:rotate(0deg)}.rotate-1{--transform:rotate(1deg)}.rotate-2{--transform:rotate(2deg)}.rotate-3{--transform:rotate(3deg)}.rotate-6{--transform:rotate(6deg)}.rotate-12{--transform:rotate(12deg)}.rotate-45{--transform:rotate(45deg)}.rotate-90{--transform:rotate(90deg)}.rotate-180{--transform:rotate(180deg)}.translate-x-0{--transform:translateX(0)}.translate-x-1{--transform:translateX(var(--space-xxs))}.translate-x-2{--transform:translateX(var(--space-xs))}.translate-x-4{--transform:translateX(var(--space-md))}.translate-y-0{--transform:translateY(0)}.translate-y-1{--transform:translateY(var(--space-xxs))}.translate-y-2{--transform:translateY(var(--space-xs))}.translate-y-4{--transform:translateY(var(--space-md))}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-none{display:none}.transition{transition:var(--transition-default)}.transition-none{transition:none}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}.hover\:scale-105:hover{opacity:.95}.hover\:scale-110:hover{opacity:.9}.hover\:-translate-y-1:hover{box-shadow:var(--shadow-md)}.hover\:-translate-y-2:hover,.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\:shadow-xl:hover{box-shadow:var(--shadow-xl)}.focus\:outline-none:focus{outline:none}.focus\:ring:focus{box-shadow:var(--shadow-focus)}.focus\:ring-primary:focus{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}@media (min-width:576px){.sm\:d-block{display:block}.sm\:d-none{display:none}.sm\:text-left{text-align:left}.sm\:text-center{text-align:center}.sm\:text-right{text-align:right}}@media (min-width:768px){.md\:d-block{display:block}.md\:d-none{display:none}.md\:d-flex{display:flex}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-right{text-align:right}.md\:text-base{font-size:var(--font-size-base)}.md\:text-lg{font-size:var(--font-size-lg)}.md\:text-xl{font-size:var(--font-size-xl)}.md\:text-2xl{font-size:var(--font-size-2xl)}}@media (min-width:992px){.lg\:d-block{display:block}.lg\:d-none{display:none}.lg\:d-flex{display:flex}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}}@media (min-width:1200px){.xl\:d-block{display:block}.xl\:d-none{display:none}.xl\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.xl\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.xl\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}.dna-pulse{animation:dna-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dna-spin{animation:dna-spin 3s linear infinite}.dna-float{animation:dna-float 6s ease-in-out infinite}.dna-glow{animation:dna-glow 3s ease-in-out infinite}@keyframes dna-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dna-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes dna-glow{0%,to{box-shadow:0 0 5px rgba(var(--color-primary-rgb),.5)}50%{box-shadow:0 0 20px rgba(var(--color-primary-rgb),.8)}}.compatibility-high{animation:compatibility-glow 2s ease-in-out infinite;background:var(--gradient-success);color:var(--color-white)}.compatibility-medium{background:var(--gradient-warning-vibrant);color:var(--color-white)}.compatibility-low{background:var(--color-gray-400);color:var(--color-white)}@keyframes compatibility-glow{0%,to{box-shadow:0 0 10px rgba(var(--color-success-rgb),.5)}50%{box-shadow:0 0 20px rgba(var(--color-success-rgb),.8)}}.love-chemistry{position:relative}.love-chemistry:before{animation:love-beat 1.5s ease-in-out infinite;content:"💕";font-size:1.2em;opacity:.8;position:absolute;right:-10px;top:-10px}@keyframes love-beat{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.match-percentage{align-items:center;border-radius:50%;display:inline-flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:60px;justify-content:center;position:relative;width:60px}.match-percentage:before{animation:percentage-rotate 2s ease-in-out;background:conic-gradient(from 0deg,var(--color-primary) 0,var(--color-primary) var(--percentage,75%),var(--color-gray-200) var(--percentage,75%),var(--color-gray-200) 100%);border-radius:50%;content:"";inset:-2px;position:absolute;z-index:-1}@keyframes percentage-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.not-sr-only{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;white-space:normal}.focus-within\:ring:focus-within{box-shadow:var(--shadow-focus)}.focus-visible\:ring:focus-visible{box-shadow:var(--shadow-focus)}@media print{.print\:d-none{display:none!important}.print\:d-block{display:block!important}.print\:text-black{color:#000!important}.print\:bg-transparent{background:transparent!important}}@media (prefers-contrast:high){.text-muted{color:var(--color-text-secondary)!important}.bg-gray-100,.bg-gray-200{border:1px solid var(--color-gray-400)}.btn-premium,.card-premium{border:1px solid var(--color-gray-600)}}@keyframes dna-helix-rotate{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes genetic-flow{0%{opacity:0;transform:translateX(-100%)}50%{opacity:1}to{opacity:0;transform:translateX(100%)}}@keyframes data-stream{0%{opacity:0;transform:translateY(100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100%)}}.dna-helix-container{height:200px;margin:0 auto;perspective:1000px;position:relative;width:120px}.dna-helix-container .dna-helix{animation:dna-helix-rotate var(--dna-rotation-speed) linear infinite;height:100%;position:relative;transform-style:preserve-3d;width:100%}.dna-helix-container .dna-helix .helix-strand{background:linear-gradient(to bottom,var(--dna-helix-primary),var(--dna-helix-secondary));border-radius:2px;height:100%;position:absolute;transform-origin:center;width:4px}.dna-helix-container .dna-helix .helix-strand:first-child{transform:rotateY(0deg) translateZ(40px)}.dna-helix-container .dna-helix .helix-strand:nth-child(2){transform:rotateY(60deg) translateZ(40px)}.dna-helix-container .dna-helix .helix-strand:nth-child(3){transform:rotateY(120deg) translateZ(40px)}.dna-helix-container .dna-helix .helix-strand:nth-child(4){transform:rotateY(180deg) translateZ(40px)}.dna-helix-container .dna-helix .helix-strand:nth-child(5){transform:rotateY(240deg) translateZ(40px)}.dna-helix-container .dna-helix .helix-strand:nth-child(6){transform:rotateY(300deg) translateZ(40px)}.dna-helix-container .dna-helix .base-pair{animation:dna-pulse var(--helix-pulse-speed) ease-in-out infinite;background:var(--dna-helix-tertiary);border-radius:1px;height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.dna-helix-container .dna-helix .base-pair:nth-child(7){animation-delay:.2s;top:18px}.dna-helix-container .dna-helix .base-pair:nth-child(8){animation-delay:.4s;top:36px}.dna-helix-container .dna-helix .base-pair:nth-child(9){animation-delay:.6s;top:54px}.dna-helix-container .dna-helix .base-pair:nth-child(10){animation-delay:.8s;top:72px}.dna-helix-container .dna-helix .base-pair:nth-child(11){animation-delay:1s;top:90px}.dna-helix-container .dna-helix .base-pair:nth-child(12){animation-delay:1.2s;top:108px}.dna-helix-container .dna-helix .base-pair:nth-child(13){animation-delay:1.4s;top:126px}.dna-helix-container .dna-helix .base-pair:nth-child(14){animation-delay:1.6s;top:144px}.dna-helix-container .dna-helix .base-pair:nth-child(15){animation-delay:1.8s;top:162px}.dna-helix-container .dna-helix .base-pair:nth-child(16){animation-delay:2s;top:180px}.dna-helix-micro{display:inline-block;height:32px;position:relative;width:24px}.dna-helix-micro:after,.dna-helix-micro:before{background:linear-gradient(45deg,var(--dna-helix-primary),var(--dna-helix-secondary));border-radius:1px;content:"";height:100%;position:absolute;width:2px}.dna-helix-micro:before{left:6px;transform:rotate(-15deg)}.dna-helix-micro:after{right:6px;transform:rotate(15deg)}.genetic-profile-card{backdrop-filter:blur(20px);background:linear-gradient(145deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.7));border:1px solid hsla(0,0%,100%,.2);border-radius:24px;cursor:pointer;margin:16px 0;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.genetic-profile-card:before{background:var(--gradient-genetic);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.genetic-profile-card:after{background:radial-gradient(circle,rgba(59,130,246,.1) 0,transparent 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .4s ease;width:200%}.genetic-profile-card:hover{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);transform:translateY(-8px)}.genetic-profile-card:hover:after{opacity:1}.genetic-profile-card .profile-header{align-items:center;display:flex;gap:20px;margin-bottom:24px}.genetic-profile-card .profile-header .profile-avatar{animation:compatibility-pulse 3s infinite;border:3px solid var(--dna-helix-primary);border-radius:50%;height:80px;overflow:hidden;position:relative;width:80px}.genetic-profile-card .profile-header .profile-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.genetic-profile-card .profile-header .profile-avatar .genetic-indicator{align-items:center;background:var(--compatibility-excellent);border:3px solid #fff;border-radius:50%;bottom:-2px;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-2px;width:24px}.genetic-profile-card .profile-header .profile-info{flex:1}.genetic-profile-card .profile-header .profile-info h3{color:var(--color-gray-900);font-family:var(--font-secondary);font-size:24px;font-weight:700;margin:0 0 8px}.genetic-profile-card .profile-header .profile-info .profile-meta{color:var(--color-gray-600);font-size:16px;margin-bottom:12px}.genetic-profile-card .profile-header .profile-info .compatibility-badge{align-items:center;background:var(--gradient-genetic);border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:6px 16px}.genetic-profile-card .profile-header .profile-info .compatibility-badge .dna-icon{height:16px;width:16px}.genetic-profile-card .genetic-compatibility{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:24px 0}.genetic-profile-card .genetic-compatibility .compatibility-metric{text-align:center}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-value{color:var(--dna-helix-primary);font-family:var(--font-secondary);font-size:32px;font-weight:800;margin-bottom:4px}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-label{color:var(--color-gray-600);font-size:14px;font-weight:500}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-bar{background:var(--color-gray-200);border-radius:2px;height:4px;margin:8px 0;overflow:hidden;width:100%}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-bar .metric-fill{background:var(--gradient-genetic);border-radius:2px;height:100%;transition:width 1s ease-out}.genetic-profile-card .genetic-traits .traits-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.genetic-profile-card .genetic-traits .traits-grid .trait-pill{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:20px;color:var(--dna-helix-primary);font-size:14px;font-weight:500;padding:8px 16px;text-align:center;transition:all .3s ease}.genetic-profile-card .genetic-traits .traits-grid .trait-pill:hover{background:rgba(59,130,246,.2);transform:translateY(-2px)}.genetic-profile-card .genetic-traits .traits-grid .trait-pill.match{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2);color:var(--compatibility-excellent)}.genetic-data-viz{background:var(--data-viz-background);border:1px solid var(--data-viz-grid);border-radius:16px;margin:24px 0;padding:24px;position:relative}.genetic-data-viz .viz-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.genetic-data-viz .viz-header h4{color:var(--color-gray-900);font-size:18px;font-weight:600;margin:0}.genetic-data-viz .viz-header .viz-legend{display:flex;gap:16px}.genetic-data-viz .viz-header .viz-legend .legend-item{align-items:center;display:flex;font-size:14px;gap:8px}.genetic-data-viz .viz-header .viz-legend .legend-item .legend-color{border-radius:50%;height:12px;width:12px}.genetic-data-viz .compatibility-chart{background:repeating-linear-gradient(90deg,transparent,transparent 40px,var(--data-viz-grid) 40px,var(--data-viz-grid) 41px);height:200px;position:relative}.genetic-data-viz .compatibility-chart .chart-bar{background:var(--gradient-genetic);border-radius:4px 4px 0 0;bottom:0;position:absolute;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:60px}.genetic-data-viz .compatibility-chart .chart-bar:after{color:var(--dna-helix-primary);content:attr(data-value);font-size:14px;font-weight:600;left:50%;position:absolute;top:-30px;transform:translateX(-50%)}.genetic-data-viz .compatibility-chart .chart-bar:first-child{animation-delay:.1s;left:20px}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(2){animation-delay:.2s;left:100px}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(3){animation-delay:.3s;left:180px}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(4){animation-delay:.4s;left:260px}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(5){animation-delay:.5s;left:340px}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(6){animation-delay:.6s;left:420px}.genetic-data-viz .dna-sequence-viz{align-items:center;display:flex;height:60px;justify-content:center;margin:20px 0}.genetic-data-viz .dna-sequence-viz .sequence-base{align-items:center;animation:genetic-flow var(--data-flow-speed) ease-in-out infinite;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;margin:0 2px;width:20px}.genetic-data-viz .dna-sequence-viz .sequence-base.adenine{background:#ff6b6b}.genetic-data-viz .dna-sequence-viz .sequence-base.thymine{background:#4ecdc4}.genetic-data-viz .dna-sequence-viz .sequence-base.guanine{background:#45b7d1}.genetic-data-viz .dna-sequence-viz .sequence-base.cytosine{background:#96ceb4}.genetic-data-viz .dna-sequence-viz .sequence-base:first-child{animation-delay:.1s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(2){animation-delay:.2s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(3){animation-delay:.3s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(4){animation-delay:.4s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(5){animation-delay:.5s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(6){animation-delay:.6s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(7){animation-delay:.7s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(8){animation-delay:.8s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(9){animation-delay:.9s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(10){animation-delay:1s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(11){animation-delay:1.1s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(12){animation-delay:1.2s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(13){animation-delay:1.3s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(14){animation-delay:1.4s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(15){animation-delay:1.5s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(16){animation-delay:1.6s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(17){animation-delay:1.7s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(18){animation-delay:1.8s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(19){animation-delay:1.9s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(20){animation-delay:2s}.genetic-report-card{background:#fff;border-radius:20px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);margin:24px 0;overflow:hidden}.genetic-report-card .report-header{background:var(--gradient-science);color:#fff;padding:32px;text-align:center}.genetic-report-card .report-header .report-title{font-family:var(--font-secondary);font-size:28px;font-weight:800;margin-bottom:8px}.genetic-report-card .report-header .report-subtitle{font-size:16px;opacity:.9}.genetic-report-card .report-header .genetic-score{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border-radius:50px;display:inline-block;margin-top:20px;padding:16px 32px}.genetic-report-card .report-header .genetic-score .score-value{font-family:var(--font-secondary);font-size:48px;font-weight:900}.genetic-report-card .report-header .genetic-score .score-label{font-size:14px;margin-top:4px;opacity:.8}.genetic-report-card .report-sections{padding:32px}.genetic-report-card .report-sections .report-section{margin-bottom:32px}.genetic-report-card .report-sections .report-section:last-child{margin-bottom:0}.genetic-report-card .report-sections .report-section .section-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.genetic-report-card .report-sections .report-section .section-header .section-icon{align-items:center;background:var(--gradient-genetic);border-radius:50%;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.genetic-report-card .report-sections .report-section .section-header .section-title{color:var(--color-gray-900);font-size:20px;font-weight:700;margin:0}.genetic-report-card .report-sections .report-section .genetic-markers{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);border-radius:12px;padding:16px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .marker-name{color:var(--color-gray-900);font-weight:600;margin-bottom:8px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .marker-value{color:var(--color-gray-600);font-size:14px;margin-bottom:12px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator{align-items:center;display:flex;gap:8px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator .indicator-dot{border-radius:50%;height:8px;width:8px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator .indicator-dot.excellent{background:var(--compatibility-excellent)}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator .indicator-dot.good{background:var(--compatibility-good)}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator .indicator-dot.fair{background:var(--compatibility-fair)}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator .indicator-text{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.genetic-interaction-panel{backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.2);border-radius:24px;margin:24px 0;overflow:hidden;padding:32px;position:relative}.genetic-interaction-panel:before{background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(236,72,153,.1) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(16,185,129,.1) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.genetic-interaction-panel .interaction-header{margin-bottom:32px;text-align:center}.genetic-interaction-panel .interaction-header h3{background:var(--gradient-genetic);-webkit-background-clip:text;font-size:28px;font-weight:800;margin-bottom:12px;-webkit-text-fill-color:transparent;background-clip:text}.genetic-interaction-panel .genetic-sliders{display:grid;gap:24px}.genetic-interaction-panel .genetic-sliders .slider-group .slider-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.genetic-interaction-panel .genetic-sliders .slider-group .slider-label .label-text{color:var(--color-gray-900);font-weight:600}.genetic-interaction-panel .genetic-sliders .slider-group .slider-label .label-value{color:var(--dna-helix-primary);font-weight:700}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider{background:var(--color-gray-200);border-radius:4px;cursor:pointer;height:8px;position:relative}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider .slider-track{background:var(--gradient-genetic);border-radius:4px;height:100%;position:absolute;transition:width .3s ease}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider .slider-thumb{background:#fff;border:3px solid var(--dna-helix-primary);border-radius:50%;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);cursor:grab;height:20px;position:absolute;top:-6px;transition:all .3s ease;width:20px}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider .slider-thumb:hover{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);transform:scale(1.2)}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider .slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.premium-genetic-card{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid transparent;border-radius:32px;margin:32px 0;overflow:hidden;padding:40px;position:relative}.premium-genetic-card:before{background:var(--gradient-luxury);border-radius:32px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;padding:2px;position:absolute}.premium-genetic-card .premium-badge{background:var(--gradient-premium-dna);border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;padding:8px 16px;position:absolute;right:20px;text-transform:uppercase;top:20px}.premium-genetic-card .luxury-metrics{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:32px 0}.premium-genetic-card .luxury-metrics .luxury-metric{background:rgba(59,130,246,.03);border-radius:20px;padding:24px;text-align:center;transition:all .4s ease}.premium-genetic-card .luxury-metrics .luxury-metric:hover{background:rgba(59,130,246,.08);transform:translateY(-4px)}.premium-genetic-card .luxury-metrics .luxury-metric .metric-icon{align-items:center;background:var(--gradient-genetic);border-radius:50%;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.premium-genetic-card .luxury-metrics .luxury-metric .metric-title{color:var(--color-gray-900);font-size:18px;font-weight:700;margin-bottom:8px}.premium-genetic-card .luxury-metrics .luxury-metric .metric-description{color:var(--color-gray-600);font-size:14px;line-height:1.5}.trust-indicators{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin:40px 0}.trust-indicators .trust-badge{align-items:center;background:#fff;border-radius:50px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);display:flex;gap:12px;padding:16px 24px;transition:all .3s ease}.trust-indicators .trust-badge:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);transform:translateY(-2px)}.trust-indicators .trust-badge .trust-icon{color:var(--dna-helix-primary);height:24px;width:24px}.trust-indicators .trust-badge .trust-text{color:var(--color-gray-800);font-size:14px;font-weight:600}.scientific-credibility{background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(236,72,153,.05));border:1px solid rgba(59,130,246,.1);border-radius:20px;margin:32px 0;padding:32px;text-align:center}.scientific-credibility .credibility-header{margin-bottom:24px}.scientific-credibility .credibility-header .credibility-icon{align-items:center;background:var(--gradient-science);border-radius:50%;color:#fff;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.scientific-credibility .credibility-header .credibility-title{color:var(--color-gray-900);font-size:24px;font-weight:800;margin-bottom:8px}.scientific-credibility .credibility-header .credibility-subtitle{color:var(--color-gray-600);font-size:16px}.scientific-credibility .credibility-stats{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.scientific-credibility .credibility-stats .stat-item .stat-number{color:var(--dna-helix-primary);font-family:var(--font-secondary);font-size:32px;font-weight:900}.scientific-credibility .credibility-stats .stat-item .stat-label{color:var(--color-gray-600);font-size:14px;margin-top:4px}@media (max-width:768px){.genetic-profile-card{margin:12px 0;padding:24px}.genetic-profile-card .profile-header{flex-direction:column;gap:16px;text-align:center}.genetic-profile-card .genetic-compatibility{gap:12px;grid-template-columns:repeat(2,1fr)}.genetic-data-viz{padding:16px}.genetic-data-viz .compatibility-chart{height:150px}.premium-genetic-card{margin:20px 0;padding:24px}.premium-genetic-card .luxury-metrics{gap:16px;grid-template-columns:1fr}.trust-indicators{align-items:center;flex-direction:column;gap:16px}}@media (prefers-reduced-motion:reduce){.compatibility-pulse,.data-stream,.dna-helix,.dna-pulse,.genetic-flow{animation:none}.genetic-profile-card:hover{transform:none}}@media (prefers-contrast:high){.genetic-profile-card{border:2px solid var(--color-gray-900)}.trait-pill{border:2px solid var(--dna-helix-primary)}.compatibility-indicator .indicator-dot{border:2px solid var(--color-gray-900)}}.genetic-data-viz,.genetic-profile-card,.premium-genetic-card{contain:layout style paint}.dna-helix,.genetic-slider .slider-thumb{will-change:transform}.glass-surface{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.glass-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.08));border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 8px 32px 0 rgba(31,38,135,.15),inset 0 1px 0 0 hsla(0,0%,100%,.2)}.glass-nav{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:hsla(0,0%,100%,.95);border-bottom:1px solid hsla(0,0%,100%,.2)}.neumorphism{box-shadow:8px 8px 16px #d1d1d1,-8px -8px 16px #fff}.neumorphism,.neumorphism-inset{background:#f0f0f0;border-radius:20px}.neumorphism-inset{box-shadow:inset 8px 8px 16px #d1d1d1,inset -8px -8px 16px #fff}.soft-morphism{background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:16px;box-shadow:5px 5px 10px rgba(0,0,0,.1),-5px -5px 10px hsla(0,0%,100%,.7)}.gradient-genetic{background:var(--gradient-genetic)}.gradient-premium-dna{background:var(--gradient-premium-dna)}.gradient-science{background:var(--gradient-science)}.gradient-luxury{background:var(--gradient-luxury)}.gradient-text-genetic{background:var(--gradient-genetic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-premium{background:var(--gradient-premium-dna);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-border{background:#fff;border-radius:16px;position:relative}.gradient-border:before{background:var(--gradient-genetic);border-radius:16px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;padding:2px;position:absolute}.animate-glow{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 20px var(--dna-helix-primary)}to{box-shadow:0 0 30px var(--dna-helix-primary),0 0 40px var(--dna-helix-primary)}}.animate-gradient{animation:gradient-shift 3s ease infinite;background-size:200% 200%}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-pulse-slow{animation:pulse-slow 4s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.6}}.animate-bounce-in{animation:bounce-in .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-slide-in-up{animation:slide-in-up .8s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-up{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.hover-tilt{transition:transform .3s ease}.hover-tilt:hover{transform:perspective(1000px) rotateY(10deg) rotateX(5deg)}.interactive-card{cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.interactive-card:hover{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);transform:translateY(-12px)}.interactive-card:active{transform:translateY(-6px);transition-duration:.1s}.skeleton-loading{animation:skeleton-loading 2s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.pulse-loading{animation:pulse-loading 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-loading{0%,to{opacity:1}50%{opacity:.5}}.spinner-dna{animation:spinner-rotate 1s linear infinite;border-top:4px solid var(--color-gray-200);border:4px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--dna-helix-primary);height:40px;width:40px}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container-fluid{margin-left:auto;margin-right:auto;padding-left:var(--space-lg);padding-right:var(--space-lg);width:100%}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-auto-fill,.grid-auto-fit{display:grid;gap:var(--space-lg)}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-column-center{align-items:center;display:flex;flex-direction:column;justify-content:center}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto;margin-top:auto}.m-xs{margin:var(--space-xs)}.mt-xs{margin-top:var(--space-xs)}.mr-xs{margin-right:var(--space-xs)}.mb-xs{margin-bottom:var(--space-xs)}.ml-xs,.mx-xs{margin-left:var(--space-xs)}.mx-xs{margin-right:var(--space-xs)}.my-xs{margin-bottom:var(--space-xs);margin-top:var(--space-xs)}.p-xs{padding:var(--space-xs)}.pt-xs{padding-top:var(--space-xs)}.pr-xs{padding-right:var(--space-xs)}.pb-xs{padding-bottom:var(--space-xs)}.pl-xs,.px-xs{padding-left:var(--space-xs)}.px-xs{padding-right:var(--space-xs)}.py-xs{padding-bottom:var(--space-xs);padding-top:var(--space-xs)}.m-sm{margin:var(--space-sm)}.mt-sm{margin-top:var(--space-sm)}.mr-sm{margin-right:var(--space-sm)}.mb-sm{margin-bottom:var(--space-sm)}.ml-sm,.mx-sm{margin-left:var(--space-sm)}.mx-sm{margin-right:var(--space-sm)}.my-sm{margin-bottom:var(--space-sm);margin-top:var(--space-sm)}.p-sm{padding:var(--space-sm)}.pt-sm{padding-top:var(--space-sm)}.pr-sm{padding-right:var(--space-sm)}.pb-sm{padding-bottom:var(--space-sm)}.pl-sm,.px-sm{padding-left:var(--space-sm)}.px-sm{padding-right:var(--space-sm)}.py-sm{padding-bottom:var(--space-sm);padding-top:var(--space-sm)}.m-md{margin:var(--space-md)}.mt-md{margin-top:var(--space-md)}.mr-md{margin-right:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.ml-md,.mx-md{margin-left:var(--space-md)}.mx-md{margin-right:var(--space-md)}.my-md{margin-bottom:var(--space-md);margin-top:var(--space-md)}.p-md{padding:var(--space-md)}.pt-md{padding-top:var(--space-md)}.pr-md{padding-right:var(--space-md)}.pb-md{padding-bottom:var(--space-md)}.pl-md,.px-md{padding-left:var(--space-md)}.px-md{padding-right:var(--space-md)}.py-md{padding-bottom:var(--space-md);padding-top:var(--space-md)}.m-lg{margin:var(--space-lg)}.mt-lg{margin-top:var(--space-lg)}.mr-lg{margin-right:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}.ml-lg,.mx-lg{margin-left:var(--space-lg)}.mx-lg{margin-right:var(--space-lg)}.my-lg{margin-bottom:var(--space-lg);margin-top:var(--space-lg)}.p-lg{padding:var(--space-lg)}.pt-lg{padding-top:var(--space-lg)}.pr-lg{padding-right:var(--space-lg)}.pb-lg{padding-bottom:var(--space-lg)}.pl-lg,.px-lg{padding-left:var(--space-lg)}.px-lg{padding-right:var(--space-lg)}.py-lg{padding-bottom:var(--space-lg);padding-top:var(--space-lg)}.m-xl{margin:var(--space-xl)}.mt-xl{margin-top:var(--space-xl)}.mr-xl{margin-right:var(--space-xl)}.mb-xl{margin-bottom:var(--space-xl)}.ml-xl,.mx-xl{margin-left:var(--space-xl)}.mx-xl{margin-right:var(--space-xl)}.my-xl{margin-bottom:var(--space-xl);margin-top:var(--space-xl)}.p-xl{padding:var(--space-xl)}.pt-xl{padding-top:var(--space-xl)}.pr-xl{padding-right:var(--space-xl)}.pb-xl{padding-bottom:var(--space-xl)}.pl-xl,.px-xl{padding-left:var(--space-xl)}.px-xl{padding-right:var(--space-xl)}.py-xl{padding-bottom:var(--space-xl);padding-top:var(--space-xl)}.m-2xl{margin:var(--space-2xl)}.mt-2xl{margin-top:var(--space-2xl)}.mr-2xl{margin-right:var(--space-2xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.ml-2xl,.mx-2xl{margin-left:var(--space-2xl)}.mx-2xl{margin-right:var(--space-2xl)}.my-2xl{margin-bottom:var(--space-2xl);margin-top:var(--space-2xl)}.p-2xl{padding:var(--space-2xl)}.pt-2xl{padding-top:var(--space-2xl)}.pr-2xl{padding-right:var(--space-2xl)}.pb-2xl{padding-bottom:var(--space-2xl)}.pl-2xl,.px-2xl{padding-left:var(--space-2xl)}.px-2xl{padding-right:var(--space-2xl)}.py-2xl{padding-bottom:var(--space-2xl);padding-top:var(--space-2xl)}.m-3xl{margin:var(--space-3xl)}.mt-3xl{margin-top:var(--space-3xl)}.mr-3xl{margin-right:var(--space-3xl)}.mb-3xl{margin-bottom:var(--space-3xl)}.ml-3xl,.mx-3xl{margin-left:var(--space-3xl)}.mx-3xl{margin-right:var(--space-3xl)}.my-3xl{margin-bottom:var(--space-3xl);margin-top:var(--space-3xl)}.p-3xl{padding:var(--space-3xl)}.pt-3xl{padding-top:var(--space-3xl)}.pr-3xl{padding-right:var(--space-3xl)}.pb-3xl{padding-bottom:var(--space-3xl)}.pl-3xl,.px-3xl{padding-left:var(--space-3xl)}.px-3xl{padding-right:var(--space-3xl)}.py-3xl{padding-bottom:var(--space-3xl);padding-top:var(--space-3xl)}.m-4xl{margin:var(--space-4xl)}.mt-4xl{margin-top:var(--space-4xl)}.mr-4xl{margin-right:var(--space-4xl)}.mb-4xl{margin-bottom:var(--space-4xl)}.ml-4xl,.mx-4xl{margin-left:var(--space-4xl)}.mx-4xl{margin-right:var(--space-4xl)}.my-4xl{margin-bottom:var(--space-4xl);margin-top:var(--space-4xl)}.p-4xl{padding:var(--space-4xl)}.pt-4xl{padding-top:var(--space-4xl)}.pr-4xl{padding-right:var(--space-4xl)}.pb-4xl{padding-bottom:var(--space-4xl)}.pl-4xl,.px-4xl{padding-left:var(--space-4xl)}.px-4xl{padding-right:var(--space-4xl)}.py-4xl{padding-bottom:var(--space-4xl);padding-top:var(--space-4xl)}.m-5xl{margin:var(--space-5xl)}.mt-5xl{margin-top:var(--space-5xl)}.mr-5xl{margin-right:var(--space-5xl)}.mb-5xl{margin-bottom:var(--space-5xl)}.ml-5xl,.mx-5xl{margin-left:var(--space-5xl)}.mx-5xl{margin-right:var(--space-5xl)}.my-5xl{margin-bottom:var(--space-5xl);margin-top:var(--space-5xl)}.p-5xl{padding:var(--space-5xl)}.pt-5xl{padding-top:var(--space-5xl)}.pr-5xl{padding-right:var(--space-5xl)}.pb-5xl{padding-bottom:var(--space-5xl)}.pl-5xl,.px-5xl{padding-left:var(--space-5xl)}.px-5xl{padding-right:var(--space-5xl)}.py-5xl{padding-bottom:var(--space-5xl);padding-top:var(--space-5xl)}.text-gradient{background:var(--gradient-genetic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.font-weight-extra-light{font-weight:200}.font-weight-light{font-weight:var(--font-weight-light)}.font-weight-regular{font-weight:var(--font-weight-regular)}.font-weight-medium{font-weight:var(--font-weight-medium)}.font-weight-semibold{font-weight:var(--font-weight-semibold)}.font-weight-bold{font-weight:var(--font-weight-bold)}.font-weight-black{font-weight:var(--font-weight-black)}.letter-spacing-tight{letter-spacing:var(--letter-spacing-tight)}.letter-spacing-normal{letter-spacing:var(--letter-spacing-normal)}.letter-spacing-wide{letter-spacing:var(--letter-spacing-wide)}.letter-spacing-wider{letter-spacing:var(--letter-spacing-wider)}.text-dna-primary{color:var(--dna-helix-primary)}.text-dna-secondary{color:var(--dna-helix-secondary)}.text-dna-tertiary{color:var(--dna-helix-tertiary)}.text-compatibility-excellent{color:var(--compatibility-excellent)}.text-compatibility-good{color:var(--compatibility-good)}.text-compatibility-fair{color:var(--compatibility-fair)}.bg-dna-primary{background-color:var(--dna-helix-primary)}.bg-dna-secondary{background-color:var(--dna-helix-secondary)}.bg-dna-tertiary{background-color:var(--dna-helix-tertiary)}.border-dna-primary{border-color:var(--dna-helix-primary)}.border-dna-secondary{border-color:var(--dna-helix-secondary)}.icon-dna:before{content:"🧬";font-style:normal}.icon-microscope:before{content:"🔬";font-style:normal}.icon-brain:before{content:"🧠";font-style:normal}.icon-heart:before{content:"💖";font-style:normal}.icon-shield:before{content:"🛡️";font-style:normal}.icon-sparkles:before{content:"✨";font-style:normal}@media (max-width:768px){.mobile-hidden{display:none}.mobile-only{display:block}.mobile-text-center{text-align:center}.mobile-text-left{text-align:left}.mobile-flex-column{flex-direction:column}.mobile-flex-column>*+*{margin-left:0;margin-top:var(--space-md)}}@media (min-width:769px){.desktop-only{display:block}.mobile-only{display:none}}.focus-ring:focus{border-radius:var(--radius-md);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.5);outline:none}@media (prefers-reduced-motion:reduce){.reduced-motion{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.gpu-layer{transform:translateZ(0);will-change:transform}.content-visibility-auto{contain-intrinsic-size:0 400px;content-visibility:auto}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}.dna-background{overflow:hidden;position:relative}.dna-background:before{animation:dna-background-flow 30s linear infinite;background-image:radial-gradient(circle at 25% 25%,rgba(15,117,189,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(247,44,147,.1) 0,transparent 50%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23f72c93' stroke-opacity='.05' d='M15 15q15 15 30 0-15 30-30 30 15-15 30 0'/%3E%3C/svg%3E");background-position:0 0,100px 100px,0 0;background-size:300px 300px,400px 400px,60px 60px;content:"";inset:0;opacity:.6;position:absolute;z-index:-1}.dna-background--animated:before{animation:dna-background-flow 20s linear infinite,dna-background-pulse 8s ease-in-out infinite}.dna-background--subtle:before{background-size:200px 200px,300px 300px,40px 40px;opacity:.3}.dna-background--intense:before{background-size:400px 400px,500px 500px,80px 80px;opacity:.8}@keyframes dna-background-flow{0%{opacity:.6}50%{opacity:.4}to{opacity:.6}}@keyframes dna-background-pulse{0%,to{opacity:.6}50%{opacity:.3}}.particle-container{overflow:hidden;position:relative}.particle-container .particle{animation:particle-float 8s linear infinite;border-radius:50%;opacity:0;pointer-events:none;position:absolute}.particle-container .particle--xs{height:2px;width:2px}.particle-container .particle--sm{height:4px;width:4px}.particle-container .particle--md{height:6px;width:6px}.particle-container .particle--lg{height:8px;width:8px}.particle-container .particle--primary{background:var(--color-primary);box-shadow:0 0 10px rgba(var(--color-primary-rgb),.5)}.particle-container .particle--secondary{background:var(--color-secondary);box-shadow:0 0 10px rgba(var(--color-secondary-rgb),.5)}.particle-container .particle--white{background:hsla(0,0%,100%,.8);box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.particle-container .particle:first-child{animation-delay:0s;left:10%}.particle-container .particle:nth-child(2){animation-delay:1s;left:20%}.particle-container .particle:nth-child(3){animation-delay:2s;left:30%}.particle-container .particle:nth-child(4){animation-delay:3s;left:40%}.particle-container .particle:nth-child(5){animation-delay:4s;left:50%}.particle-container .particle:nth-child(6){animation-delay:5s;left:60%}.particle-container .particle:nth-child(7){animation-delay:6s;left:70%}.particle-container .particle:nth-child(8){animation-delay:7s;left:80%}.particle-container .particle:nth-child(9){animation-delay:.5s;left:90%}.particle-container .particle:nth-child(10){animation-delay:1.5s;left:15%}@keyframes particle-float{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.dna-strand{height:200px;margin:0 auto;position:relative;width:4px}.dna-strand .strand-segment{animation:strand-twist 3s ease-in-out infinite;background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary));border-radius:2px;height:20px;position:absolute;width:100%}.dna-strand .strand-segment:first-child{animation-delay:0s;top:0}.dna-strand .strand-segment:nth-child(2){animation-delay:.2s;top:20px}.dna-strand .strand-segment:nth-child(3){animation-delay:.4s;top:40px}.dna-strand .strand-segment:nth-child(4){animation-delay:.6s;top:60px}.dna-strand .strand-segment:nth-child(5){animation-delay:.8s;top:80px}.dna-strand .strand-segment:nth-child(6){animation-delay:1s;top:100px}.dna-strand .strand-segment:nth-child(7){animation-delay:1.2s;top:120px}.dna-strand .strand-segment:nth-child(8){animation-delay:1.4s;top:140px}.dna-strand .strand-segment:nth-child(9){animation-delay:1.6s;top:160px}.dna-strand .strand-segment:nth-child(10){animation-delay:1.8s;top:180px}.dna-strand .base-pair{animation:base-pair-pulse 2s ease-in-out infinite;background:var(--color-accent);border-radius:1px;height:2px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.dna-strand .base-pair:nth-child(odd){animation-delay:0s}.dna-strand .base-pair:nth-child(2n){animation-delay:1s}@keyframes strand-twist{0%,to{background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary));opacity:1}50%{background:linear-gradient(to bottom,var(--color-secondary),var(--color-primary));opacity:.7}}@keyframes base-pair-pulse{0%,to{opacity:.6}50%{opacity:1}}.genetic-constellation{min-height:400px;position:relative}.genetic-constellation .constellation-point{animation:constellation-twinkle 3s ease-in-out infinite;background:var(--color-primary);border-radius:50%;box-shadow:0 0 10px rgba(var(--color-primary-rgb),.8);height:6px;position:absolute;width:6px}.genetic-constellation .constellation-point:first-child{animation-delay:0s;left:15%;top:20%}.genetic-constellation .constellation-point:nth-child(2){animation-delay:.5s;left:85%;top:30%}.genetic-constellation .constellation-point:nth-child(3){animation-delay:1s;left:25%;top:60%}.genetic-constellation .constellation-point:nth-child(4){animation-delay:1.5s;left:70%;top:80%}.genetic-constellation .constellation-point:nth-child(5){animation-delay:2s;left:60%;top:15%}.genetic-constellation .constellation-point:nth-child(6){animation-delay:2.5s;left:10%;top:45%}.genetic-constellation .constellation-point:nth-child(7){animation-delay:3s;left:90%;top:70%}.genetic-constellation .constellation-point:nth-child(8){animation-delay:3.5s;left:45%;top:35%}.genetic-constellation .constellation-point:before{animation:connection-pulse 4s ease-in-out infinite;animation-delay:inherit;background:linear-gradient(90deg,rgba(var(--color-primary-rgb),.3) 0,transparent 100%);content:"";height:1px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--connection-angle,45deg));width:var(--connection-length,50px)}@keyframes constellation-twinkle{0%,to{opacity:.4}50%{opacity:1}}@keyframes connection-pulse{0%,to{opacity:.1}50%{opacity:.6}}.compatibility-visual{height:200px;margin:0 auto;position:relative;width:200px}.compatibility-visual .compatibility-ring{animation:compatibility-spin 4s linear infinite;border:3px solid transparent;border-radius:50%;inset:0;position:absolute}.compatibility-visual .compatibility-ring--outer{animation-duration:6s;border-color:var(--color-primary) transparent var(--color-primary) transparent}.compatibility-visual .compatibility-ring--middle{animation-direction:reverse;animation-duration:4s;border-color:transparent var(--color-secondary) transparent var(--color-secondary);inset:20px}.compatibility-visual .compatibility-ring--inner{animation-duration:3s;border-color:var(--color-accent) transparent var(--color-accent) transparent;inset:40px}.compatibility-visual .compatibility-center{align-items:center;animation:compatibility-pulse 2s ease-in-out infinite;background:var(--gradient-primary);border-radius:50%;box-shadow:var(--shadow-lg);color:var(--color-white);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.compatibility-visual .genetic-marker{animation:marker-orbit 8s linear infinite;background:var(--color-success);border-radius:50%;box-shadow:0 0 8px rgba(var(--color-success-rgb),.6);height:8px;position:absolute;width:8px}.compatibility-visual .genetic-marker:first-child{animation-delay:0s;left:50%;top:10px}.compatibility-visual .genetic-marker:nth-child(2){animation-delay:2s;right:10px;top:50%}.compatibility-visual .genetic-marker:nth-child(3){animation-delay:4s;bottom:10px;left:50%}.compatibility-visual .genetic-marker:nth-child(4){animation-delay:6s;left:10px;top:50%}@keyframes compatibility-spin{0%,to{opacity:1}50%{opacity:.8}}@keyframes compatibility-pulse{50%{box-shadow:var(--shadow-xl);opacity:.9}}@keyframes marker-orbit{0%,to{opacity:1}50%{opacity:.6}}.hero-dna-effects{min-height:100vh;overflow:hidden;position:relative}.hero-dna-effects:before{animation:hero-dna-flow 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 20%,rgba(15,117,189,.15) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(247,44,147,.15) 0,transparent 50%),radial-gradient(circle at 60% 40%,rgba(124,77,255,.1) 0,transparent 50%);content:"";inset:-20%;position:absolute;z-index:-1}.hero-dna-effects .genetic-element{animation:genetic-float 15s ease-in-out infinite;opacity:.1;position:absolute}.hero-dna-effects .genetic-element--helix{animation-delay:0s;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200'%3E%3Cpath fill='none' stroke='%230F75BD' stroke-width='3' d='m20 20 60 160'/%3E%3Cpath fill='none' stroke='%23F72C93' stroke-width='3' d='M80 20 20 180'/%3E%3C/svg%3E") no-repeat;background-size:contain;height:200px;left:10%;top:20%;width:100px}.hero-dna-effects .genetic-element--molecule{animation-delay:5s;background:var(--gradient-primary);border-radius:50%;height:80px;right:15%;top:60%;width:80px}.hero-dna-effects .genetic-element--strand{animation-delay:10s;background:var(--gradient-secondary);border-radius:2px;height:4px;left:70%;top:40%;transform-origin:left center;width:150px}@keyframes hero-dna-flow{0%,to{opacity:.8}50%{opacity:.6}}@keyframes genetic-float{0%,to{opacity:.1}50%{opacity:.3}}.chemistry-reaction{padding:var(--space-xl);position:relative}.chemistry-reaction .chemical-bond{animation:bond-vibration 1.5s ease-in-out infinite;background:var(--gradient-primary);height:60px;position:absolute;transform-origin:center;width:2px}.chemistry-reaction .chemical-bond:first-child{animation-delay:0s;left:30%;top:20%}.chemistry-reaction .chemical-bond:nth-child(2){animation-delay:.3s;right:25%;top:40%}.chemistry-reaction .chemical-bond:nth-child(3){animation-delay:.6s;bottom:30%;left:60%}.chemistry-reaction .chemical-bond:after,.chemistry-reaction .chemical-bond:before{background:var(--color-secondary);border-radius:50%;box-shadow:0 0 10px rgba(var(--color-secondary-rgb),.5);content:"";height:12px;position:absolute;width:12px}.chemistry-reaction .chemical-bond:before{left:-5px;top:-6px}.chemistry-reaction .chemical-bond:after{bottom:-6px;left:-5px}.chemistry-reaction .love-spark{animation:spark-twinkle 2s ease-in-out infinite;background:var(--color-secondary);border-radius:50%;height:4px;position:absolute;width:4px}.chemistry-reaction .love-spark:nth-child(2n){animation-delay:1s}@keyframes bond-vibration{0%,to{opacity:1}50%{opacity:.8}}@keyframes spark-twinkle{0%,to{opacity:0}50%{opacity:1}}@media (max-width:767px){.dna-background:before{background-size:200px 200px,250px 250px,40px 40px}.particle-container .particle:nth-child(n+6){display:none}.genetic-constellation{min-height:300px}.genetic-constellation .constellation-point:nth-child(n+6){display:none}.compatibility-visual{height:150px;width:150px}.compatibility-visual .compatibility-center{font-size:var(--font-size-xl);height:60px;width:60px}.hero-dna-effects .genetic-element--helix{height:120px;width:60px}.hero-dna-effects .genetic-element--molecule{height:50px;width:50px}.hero-dna-effects .genetic-element--strand{height:3px;width:100px}}@media (prefers-reduced-motion:reduce){.chemistry-reaction .chemical-bond,.chemistry-reaction .love-spark,.compatibility-visual .compatibility-ring,.dna-background,.dna-strand .strand-segment,.genetic-constellation .constellation-point,.hero-dna-effects:before,.particle-container .particle{animation:none!important}.genetic-element{opacity:.05!important;transform:none!important}}.performance-mode .dna-background:before,.performance-mode .hero-dna-effects:before{animation-duration:60s;will-change:auto}.performance-mode .particle-container .particle{animation-duration:20s}.performance-mode .chemistry-reaction .chemical-bond,.performance-mode .chemistry-reaction .love-spark,.performance-mode .genetic-constellation .constellation-point:before{display:none}.compatibility-visual .compatibility-ring,.dna-background:before,.hero-dna-effects:before,.particle-container .particle{transform:translateZ(0);will-change:transform}*{box-sizing:border-box}:focus{outline:none}:focus-visible{border-radius:var(--radius-sm);outline:3px solid var(--color-primary-400);outline-offset:2px}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}.btn-world-class{align-items:center;border:none;border-radius:var(--btn-border-radius);cursor:pointer;display:inline-flex;font-family:var(--font-family-base);font-size:var(--text-base);font-weight:var(--btn-font-weight);gap:var(--space-xs);justify-content:center;line-height:1;min-height:44px;min-width:44px;overflow:hidden;padding:var(--btn-padding-y) var(--btn-padding-x);position:relative;text-decoration:none;transform-origin:center;transition:var(--btn-transition);white-space:nowrap}.btn-world-class:before{background:hsla(0,0%,100%,.5);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width var(--duration-slow),height var(--duration-slow);width:0}.btn-world-class:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-world-class:active{transform:translateY(0);transition-duration:var(--duration-instant)}.btn-world-class:active:before{height:300px;width:300px}.btn-world-class.btn-primary{background-color:var(--color-primary-500);color:#fff}.btn-world-class.btn-primary:hover{background-color:var(--color-primary-600)}.btn-world-class.btn-secondary{background-color:var(--color-gray-200);color:var(--color-gray-800)}.btn-world-class.btn-secondary:hover{background-color:var(--color-gray-300)}.btn-world-class.btn-ghost{background-color:transparent;color:var(--color-primary-500)}.btn-world-class.btn-ghost:hover{background-color:rgba(var(--color-primary-500),.1)}.btn-world-class.btn-sm{font-size:var(--text-sm);padding:var(--space-xs) var(--space-md)}.btn-world-class.btn-lg{font-size:var(--text-lg);padding:var(--space-md) var(--space-xl)}.btn-world-class.btn-loading{color:transparent}.btn-world-class.btn-loading:after{animation:btn-loading-spin 1s ease infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;content:"";height:20px;margin:auto;position:absolute;width:20px}@keyframes btn-loading-spin{to{transform:rotate(1turn)}}.form-field-world-class{margin-bottom:var(--space-lg);position:relative}.form-field-world-class input,.form-field-world-class select,.form-field-world-class textarea{background-color:#fff;border:var(--form-field-border-width) solid var(--form-field-border-color);border-radius:var(--form-field-border-radius);color:var(--color-gray-900);font-family:var(--font-family-base);font-size:var(--text-base);line-height:var(--line-height-normal);min-height:44px;padding:var(--form-field-padding-y) var(--form-field-padding-x);transition:all var(--duration-fast) var(--easing-default);width:100%}.form-field-world-class input:focus,.form-field-world-class select:focus,.form-field-world-class textarea:focus{border-color:var(--form-field-focus-color);box-shadow:var(--form-field-focus-shadow)}.form-field-world-class input:valid,.form-field-world-class select:valid,.form-field-world-class textarea:valid{border-color:var(--color-success)}.form-field-world-class input:invalid:not(:-moz-placeholder),.form-field-world-class select:invalid:not(:-moz-placeholder),.form-field-world-class textarea:invalid:not(:-moz-placeholder){border-color:var(--color-error)}.form-field-world-class input:invalid:not(:placeholder-shown),.form-field-world-class select:invalid:not(:placeholder-shown),.form-field-world-class textarea:invalid:not(:placeholder-shown){border-color:var(--color-error)}.form-field-world-class input:disabled,.form-field-world-class select:disabled,.form-field-world-class textarea:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.6}.form-field-world-class label{background-color:#fff;color:var(--color-gray-500);font-size:var(--text-base);left:var(--form-field-padding-x);padding:0 var(--space-2xs);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--duration-fast) var(--easing-default)}.form-field-world-class input:not(:-moz-placeholder)~label,.form-field-world-class textarea:not(:-moz-placeholder)~label{color:var(--form-field-focus-color);font-size:var(--text-sm);top:0}.form-field-world-class input:focus~label,.form-field-world-class input:not(:placeholder-shown)~label,.form-field-world-class select:focus~label,.form-field-world-class select:valid~label,.form-field-world-class textarea:focus~label,.form-field-world-class textarea:not(:placeholder-shown)~label{color:var(--form-field-focus-color);font-size:var(--text-sm);top:0}.form-field-world-class .form-help{color:var(--color-gray-600);font-size:var(--text-sm);margin-top:var(--space-xs)}.form-field-world-class .form-error{color:var(--color-error);display:none;font-size:var(--text-sm);margin-top:var(--space-xs)}.form-field-world-class.has-error input,.form-field-world-class.has-error select,.form-field-world-class.has-error textarea{border-color:var(--color-error)}.form-field-world-class.has-error .form-error{display:block}.form-field-world-class.has-success input,.form-field-world-class.has-success select,.form-field-world-class.has-success textarea{border-color:var(--color-success)}.password-strength{display:grid;gap:var(--space-2xs);grid-template-columns:repeat(4,1fr);height:4px;margin-top:var(--space-xs)}.password-strength .strength-bar{background:var(--color-gray-300);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--easing-default)}.password-strength[data-strength=weak] .strength-bar:first-child{background:var(--color-error)}.password-strength[data-strength=fair] .strength-bar:nth-child(-n+2){background:var(--color-warning)}.password-strength[data-strength=good] .strength-bar:nth-child(-n+3){background:var(--color-info)}.password-strength[data-strength=strong] .strength-bar{background:var(--color-success)}.card-world-class{background:#fff;border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);cursor:pointer;padding:var(--card-padding);position:relative;transition:all var(--duration-normal) var(--easing-default)}.card-world-class:before{border-radius:inherit;bottom:0;box-shadow:var(--card-shadow-hover);content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--duration-normal) var(--easing-default)}.card-world-class:hover{transform:translateY(-4px)}.card-world-class:hover:before{opacity:1}.card-world-class .card-header{margin-bottom:var(--space-md)}.card-world-class .card-header h3{color:var(--color-gray-900);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin:0}.card-world-class .card-body{color:var(--color-gray-600);line-height:var(--line-height-relaxed)}.card-world-class .card-footer{border-top:1px solid var(--color-gray-200);margin-top:var(--space-lg);padding-top:var(--space-md)}.skeleton{background-color:var(--color-gray-200);overflow:hidden;position:relative}.skeleton:after{animation:skeleton-shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.skeleton.skeleton-text{border-radius:var(--radius-sm);height:1em}.skeleton.skeleton-title{border-radius:var(--radius-sm);height:1.5em;width:50%}.skeleton.skeleton-button{border-radius:var(--radius-full);height:44px;width:120px}.skeleton.skeleton-avatar{border-radius:var(--radius-full);height:48px;width:48px}.pulse-loader{display:inline-block;height:40px;width:40px}.pulse-loader:after{animation:pulse-spin 1.2s linear infinite;border:3px solid var(--color-primary-500);border-color:var(--color-primary-500) transparent var(--color-primary-500) transparent;border-radius:50%;content:" ";display:block;height:32px;margin:4px;width:32px}@keyframes pulse-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav-world-class{background:#fff;box-shadow:var(--shadow-sm);height:var(--nav-height);position:sticky;top:0;z-index:var(--z-index-sticky)}.nav-world-class .nav-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:var(--container-7xl);padding:0 var(--space-lg)}.nav-world-class .nav-brand{align-items:center;color:var(--color-gray-900);display:flex;font-size:var(--text-xl);font-weight:var(--font-weight-bold);gap:var(--space-sm);text-decoration:none}.nav-world-class .nav-menu{align-items:center;display:flex;gap:var(--space-xs);list-style:none;margin:0;padding:0}.nav-world-class .nav-item a{align-items:center;border-radius:var(--radius-md);color:var(--color-gray-600);display:flex;padding:var(--nav-item-padding-y) var(--nav-item-padding-x);text-decoration:none;transition:all var(--duration-fast) var(--easing-default)}.nav-world-class .nav-item a:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.nav-world-class .nav-item a.active{background-color:var(--color-primary-100);color:var(--color-primary-700)}.nav-world-class .nav-toggle{display:none}@media (max-width:768px){.nav-world-class .nav-toggle{display:block}.nav-world-class .nav-menu{align-items:stretch;background:#fff;box-shadow:var(--shadow-xl);flex-direction:column;height:calc(100vh - var(--nav-height));left:-100%;padding:var(--space-lg);position:fixed;top:var(--nav-height);transition:left var(--duration-normal) var(--easing-default);width:100%}.nav-world-class .nav-menu.is-open{left:0}.nav-world-class .nav-item a{padding:var(--space-md);width:100%}}.modal-world-class{align-items:center;background-color:var(--modal-backdrop-color);display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:var(--space-lg);position:fixed;top:0;transition:all var(--duration-normal) var(--easing-default);visibility:hidden;width:100%;z-index:var(--z-index-modal)}.modal-world-class.is-open{opacity:1;visibility:visible}.modal-world-class .modal-content{background:#fff;border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow);max-height:90vh;max-width:var(--container-lg);overflow-y:auto;padding:var(--modal-padding);position:relative;transform:scale(.9);transition:transform var(--duration-normal) var(--easing-bounce);width:100%}.modal-world-class.is-open .modal-content{transform:scale(1)}.modal-world-class .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.modal-world-class .modal-header h2{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin:0}.modal-world-class .modal-close{align-items:center;background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all var(--duration-fast) var(--easing-default);width:40px}.modal-world-class .modal-close:hover{background-color:var(--color-gray-100)}.animate-slide-down{animation:slideDown var(--duration-normal) var(--easing-default) both}.animate-slide-left{animation:slideLeft var(--duration-normal) var(--easing-default) both}.animate-slide-right{animation:slideRight var(--duration-normal) var(--easing-default) both}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.visually-hidden{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.skip-link{background:var(--color-primary-500);border-radius:0 0 var(--radius-md) 0;color:#fff;left:0;padding:var(--space-xs) var(--space-sm);position:absolute;text-decoration:none;top:-40px;transition:top var(--duration-fast) var(--easing-default);z-index:var(--z-index-top)}.skip-link:focus{top:0}.touch-target{position:relative}.touch-target:before{content:"";height:max(100%,44px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(100%,44px)}.container-query{container-type:inline-size}.gpu-accelerated{transform:translateZ(0);will-change:transform}.btn-social-login{align-items:center;-webkit-appearance:none;background-color:#fff!important;border:1px solid #b0b0b0!important;border-radius:8px;box-shadow:none;color:#000!important;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;justify-content:center;line-height:1.5;max-height:60px!important;min-height:60px!important;min-width:200px;padding:12px 20px!important;text-decoration:none;touch-action:manipulation;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}.btn-social-login .social-icon,.btn-social-login img{display:block;flex-shrink:0;height:44px!important;-o-object-fit:contain;object-fit:contain;width:44px!important}.btn-social-login span{color:inherit;flex:1;font-weight:500;text-align:center}@media (min-width:768px){.btn-social-login{max-height:68px!important;min-height:68px!important;padding:16px 24px!important}.btn-social-login .social-icon,.btn-social-login img{height:52px!important;width:52px!important}}@media (min-width:1024px){.btn-social-login{max-height:76px!important;min-height:76px!important;padding:16px 28px!important}.btn-social-login .social-icon,.btn-social-login img{height:60px!important;width:60px!important}}@media (min-width:1440px){.btn-social-login{max-height:92px!important;min-height:92px!important;padding:18px 32px!important}.btn-social-login .social-icon,.btn-social-login img{height:72px!important;width:72px!important}}@media (max-width:576px){.btn-social-login{gap:10px;max-width:none;padding:12px 16px!important;width:100%}.btn-social-login span{font-size:15px}}.btn-social-login:hover{background-color:#f8f9fa!important;border-color:#6c757d!important;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#000!important;text-decoration:none}.btn-social-login:focus,.btn-social-login:focus-visible{background-color:#fff!important;border-color:#0078d4!important;box-shadow:0 0 0 4px rgba(0,120,212,.15)!important;outline:3px solid #0078d4!important;outline-offset:2px}.btn-social-login:active{background-color:#e9ecef!important;border-color:#6c757d!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.btn-social-login:disabled,.btn-social-login[aria-disabled=true]{background-color:#e9ecef!important;border-color:#ced4da!important;color:#6c757d!important;cursor:not-allowed;opacity:.6;pointer-events:none}.btn-social-login[href*=apple-id] span{font-weight:600}@media (prefers-contrast:high){.btn-social-login{border-color:#000!important;border-width:2px!important}.btn-social-login:focus,.btn-social-login:focus-visible{outline-color:#000!important;outline-width:4px!important}}@media (prefers-color-scheme:dark){.btn-social-login{background-color:#343a40!important;border-color:#6c757d!important;color:#f8f9fa!important}.btn-social-login:hover{background-color:#495057!important;border-color:#adb5bd!important;color:#fff!important}.btn-social-login:focus,.btn-social-login:focus-visible{border-color:#4db8ff!important;outline-color:#4db8ff!important}}@media (prefers-reduced-motion:reduce){.btn-social-login{transition:none}}[dir=rtl] .btn-social-login{flex-direction:row-reverse}[dir=rtl] .btn-social-login .social-icon,[dir=rtl] .btn-social-login img{margin-left:12px;margin-right:0}@supports not (gap:12px){.btn-social-login .social-icon,.btn-social-login img{margin-right:12px}[dir=rtl] .btn-social-login .social-icon,[dir=rtl] .btn-social-login img{margin-left:12px;margin-right:0}}@media print{.btn-social-login{display:none}}body{background-color:#ecf0f5;color:#758697;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#16202b;font-weight:600}.h1,h1{font-size:34px}.h2,h2{font-size:28px}.h3,h3{font-size:22px}.h4,h4{font-size:16px}.h5,h5{font-size:12px}.h6,h6{font-size:10px}#content-container{background-color:#ecf0f5;padding-bottom:80px;position:relative}#page-content{padding:15px 15px 0}.feed-container{margin:0 auto;max-width:1200px;padding:15px}.feed-card{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:1.5rem;transition:transform .2s ease-in-out}.feed-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-2px)}.feed-card .feed-card-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1rem 1.5rem}.feed-card .feed-card-header .feed-user-info{align-items:center;display:flex;gap:.75rem}.feed-card .feed-card-header .feed-user-info .feed-avatar{border:2px solid #e9ecef;border-radius:50%;height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.feed-card .feed-card-header .feed-user-info .feed-user-details .feed-username{color:#212529;font-weight:600;margin-bottom:.25rem}.feed-card .feed-card-header .feed-user-info .feed-user-details .feed-username:hover{color:#0f75bd;text-decoration:none}.feed-card .feed-card-header .feed-user-info .feed-user-details .feed-timestamp{color:#6c757d;font-size:.875rem}.feed-card .feed-card-header .feed-actions .btn-feed-action{background:none;border:none;color:#6c757d;cursor:pointer;padding:.5rem;transition:color .2s}.feed-card .feed-card-header .feed-actions .btn-feed-action:hover{color:#0f75bd}.feed-card .feed-card-body{padding:1.5rem}.feed-card .feed-card-body .feed-content{color:#343a40;line-height:1.6;margin-bottom:1rem}.feed-card .feed-card-body .feed-media{margin:1rem -1.5rem}.feed-card .feed-card-body .feed-media img,.feed-card .feed-card-body .feed-media video{height:auto;width:100%}.feed-card .feed-card-footer{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1rem 1.5rem}.feed-card .feed-card-footer .feed-stats{display:flex;gap:1.5rem}.feed-card .feed-card-footer .feed-stats .feed-stat-item{align-items:center;color:#6c757d;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;transition:color .2s}.feed-card .feed-card-footer .feed-stats .feed-stat-item:hover{color:#f72c93}.feed-card .feed-card-footer .feed-stats .feed-stat-item.active{color:#f72c93;font-weight:600}.feed-card .feed-card-footer .feed-stats .feed-stat-item i{font-size:1.125rem}.feed-sidebar .sidebar-section{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:1.5rem;padding:1.5rem}.feed-sidebar .sidebar-section .sidebar-title{align-items:center;color:#212529;display:flex;font-size:1.125rem;font-weight:600;justify-content:space-between;margin-bottom:1rem}.feed-sidebar .sidebar-section .sidebar-title .title-icon{color:#0f75bd;margin-right:.5rem}.feed-sidebar .sidebar-section .sidebar-content .sidebar-item{border-bottom:1px solid #f8f9fa;padding:.75rem 0}.feed-sidebar .sidebar-section .sidebar-content .sidebar-item:last-child{border-bottom:none;padding-bottom:0}.feed-sidebar .sidebar-section .sidebar-content .sidebar-item a{align-items:center;color:#495057;display:flex;gap:.75rem;text-decoration:none;transition:color .2s}.feed-sidebar .sidebar-section .sidebar-content .sidebar-item a:hover{color:#0f75bd}.feed-sidebar .sidebar-section .sidebar-content .sidebar-item a .item-icon{border-radius:50%;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.feed-sidebar .sidebar-section .sidebar-content .sidebar-item a .item-text{flex:1}.feed-sidebar .sidebar-section .sidebar-content .sidebar-item a .item-text .item-title{font-weight:500;margin-bottom:.25rem}.feed-sidebar .sidebar-section .sidebar-content .sidebar-item a .item-text .item-subtitle{color:#6c757d;font-size:.875rem}.feed-compose{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:2rem;padding:1.5rem}.feed-compose .compose-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.feed-compose .compose-header .compose-avatar{border:2px solid #e9ecef;border-radius:50%;height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.feed-compose .compose-header .compose-input{flex:1}.feed-compose .compose-header .compose-input textarea{border:1px solid #dee2e6;border-radius:.375rem;min-height:80px;padding:.75rem;resize:vertical;transition:border-color .2s;width:100%}.feed-compose .compose-header .compose-input textarea:focus{border-color:#0f75bd;outline:none}.feed-compose .compose-footer{align-items:center;display:flex;justify-content:space-between}.feed-compose .compose-footer .compose-actions{display:flex;gap:1rem}.feed-compose .compose-footer .compose-actions .compose-action{background:none;border:none;border-radius:.375rem;color:#6c757d;cursor:pointer;padding:.5rem .75rem;transition:all .2s}.feed-compose .compose-footer .compose-actions .compose-action:hover{background:#f8f9fa;color:#0f75bd}.feed-compose .compose-footer .compose-actions .compose-action i{margin-right:.5rem}.feed-compose .compose-footer .compose-submit .btn-primary{background:linear-gradient(135deg,#0f75bd,#f72c93);border:none;font-weight:500;padding:.5rem 1.5rem}.feed-compose .compose-footer .compose-submit .btn-primary:hover{box-shadow:0 2px 8px rgba(15,117,189,.3);transform:translateY(-1px)}@media (max-width:991.98px){.feed-sidebar{margin-top:2rem}}@media (max-width:575.98px){.feed-container{padding:1rem .5rem}.feed-card{border-radius:0;margin-bottom:1rem}.feed-card .feed-card-body,.feed-card .feed-card-header{padding:1rem}.feed-card .feed-card-body .feed-media{margin:1rem -1rem}.feed-card .feed-card-footer{padding:.75rem 1rem}.feed-card .feed-card-footer .feed-stats{gap:1rem}.feed-card .feed-card-footer .feed-stats .feed-stat-item{font-size:.8125rem}.feed-compose{padding:1rem}.feed-compose .compose-footer{flex-direction:column;gap:1rem}.feed-compose .compose-footer .compose-actions{justify-content:space-between;width:100%}.feed-compose .compose-footer .compose-submit,.feed-compose .compose-footer .compose-submit .btn-primary{width:100%}}.panel{background:#fff;border:1px solid #e7ecf3;border-bottom-color:rgba(0,0,0,.17);border-radius:30px;box-shadow:none;margin-bottom:15px}.panel.panel-primary{border-color:#0f75bd}.panel.panel-primary .panel-heading{background:#0f75bd;color:#fff}.panel.panel-success{border-color:#28a745}.panel.panel-success .panel-heading{background:#28a745;color:#fff}.panel.panel-info{border-color:#17a2b8}.panel.panel-info .panel-heading{background:#17a2b8;color:#fff}.panel.panel-warning{border-color:#ffc107}.panel.panel-warning .panel-heading{background:#ffc107;color:#212529}.panel.panel-danger{border-color:#dc3545}.panel.panel-danger .panel-heading{background:#dc3545;color:#fff}.panel-heading{border-bottom:1px solid rgba(0,0,0,.1);border-radius:30px 30px 0 0;color:#16202b;font-weight:600;padding:15px}.panel-heading .panel-title{font-size:1.125rem;margin:0}.panel-body{color:#758697;padding:15px}.panel-footer{background:#f8f9fa;border-radius:0 0 30px 30px;border-top:1px solid rgba(0,0,0,.1);padding:15px}.form-control{background-color:#fff;border:2px solid #e8e8e8;border-radius:8px;color:#758697;font-size:16px;padding:12px 15px;transition:all .3s ease}.form-control:focus{border-color:#f72c93;box-shadow:0 0 0 .2rem rgba(247,44,147,.1);outline:none}.form-control::-webkit-input-placeholder{color:#adb5bd}.form-control::-moz-placeholder{color:#adb5bd}.form-control:-ms-input-placeholder{color:#adb5bd}.form-control:-moz-placeholder{color:#adb5bd}.form-group{margin-bottom:1rem}.form-group label{color:#495057;font-weight:500;margin-bottom:.5rem}.btn{font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s ease}.btn.btn-primary{background-color:#42a5f5;border-color:#42a5f5}.btn.btn-primary:hover{background-color:#2196f3;border-color:#2196f3}.btn-rounded{border-radius:50px}.btn-lg{font-size:15px;padding:10px 20px}.btn-sm{font-size:11px;padding:4px 10px}.btn-xs{font-size:10px;padding:2px 6px}.btn-labeled{padding-left:3rem;position:relative}.btn-labeled .btn-label{align-items:center;background:rgba(0,0,0,.1);border-radius:.375rem 0 0 .375rem;bottom:0;display:flex;justify-content:center;left:0;position:absolute;top:0;width:2.5rem}.widget-box{background:#fff;border:1px solid #e7ecf3;border-bottom-color:rgba(0,0,0,.17);border-radius:30px;margin-bottom:15px;padding:20px;transition:transform .2s,box-shadow .2s}.widget-box:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-2px)}.widget-box .widget-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.widget-box .widget-header .widget-title{color:#212529;font-size:1.125rem;font-weight:600;margin:0}.widget-box .widget-header .widget-icon{align-items:center;background:linear-gradient(135deg,#0f75bd,#f72c93);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.widget-box .widget-body .widget-value{color:#0f75bd;font-size:2rem;font-weight:700;margin-bottom:.5rem}.widget-box .widget-body .widget-desc{color:#6c757d;font-size:.875rem}.list-group-item{border:none;border-bottom:1px solid #e9ecef;padding:1rem 1.25rem}.list-group-item:last-child{border-bottom:none}.list-group-item:hover{background:#f8f9fa}.list-group-item.active{background:linear-gradient(135deg,#0f75bd,#f72c93);border-color:transparent;color:#fff}.media-object{align-items:flex-start;display:flex;gap:1rem}.media-object .media-left,.media-object .media-right{flex-shrink:0}.media-object .media-body{flex:1}.media-object .media-body .media-heading{color:#212529;font-weight:600;margin-bottom:.25rem}.media-object .media-body .media-text{color:#6c757d;font-size:.875rem}.alert{border:none;border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1rem 1.25rem}.alert.alert-primary{background:rgba(15,117,189,.1);color:#0b588e}.alert.alert-success{background:rgba(40,167,69,.1);color:#1e7e34}.alert.alert-warning{background:rgba(255,193,7,.1);color:#d39e00}.alert.alert-danger{background:rgba(220,53,69,.1);color:#bd2130}.match-panel .match-panel-body{padding:24px}.match-panel .match-panel-container{align-items:center;display:flex;gap:20px}@media (max-width:768px){.match-panel .match-panel-container{flex-direction:column;text-align:center}}.match-panel .match-panel-left{flex:0 0 auto}.match-panel .match-panel-right{flex:1;text-align:left}@media (max-width:768px){.match-panel .match-panel-right{text-align:center}}.match-profile-image{border:3px solid #0f75bd;border-radius:50%;height:120px;-o-object-fit:cover;object-fit:cover;transition:all .3s ease;width:120px}.match-profile-image:hover{border-color:#f72c93;transform:scale(1.05)}@media (max-width:768px){.match-profile-image{height:150px;width:150px}}@media (max-width:480px){.match-profile-image{height:120px;width:120px}}.match-info{color:#212529;font-size:1.25rem;font-weight:600;margin-bottom:8px}.data-pill{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:inline-flex;gap:8px;padding:8px 16px;transition:all .3s ease}.data-pill:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.data-pill img{height:20px;width:20px}.data-pill .score{font-size:.9rem;font-weight:600}.data-pill .score.dna-score{color:#f72c93}.data-pill .score.personality-score{color:#0f75bd}.data-pill .score.personality-type{color:#a466ed;text-transform:uppercase}@media (max-width:480px){.match-actions{gap:12px}}.match-action a{align-items:center;color:inherit;display:flex;height:100%;justify-content:center;text-decoration:none;width:100%}.match-action a i{font-size:20px;pointer-events:none}.match-action:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);transform:scale(1.1)}.match-action.match-action-dislike a{color:#dc3545}.match-action.match-action-dislike{border-color:#dc3545}.match-action.match-action-dislike:hover{background:#dc3545;border-color:#dc3545}.match-action.match-action-dislike:hover a{color:#fff}.match-action.match-action-maybe a{color:#ffc107}.match-action.match-action-maybe{border-color:#ffc107}.match-action.match-action-maybe:hover{background:#ffc107;border-color:#ffc107}.match-action.match-action-maybe:hover a{color:#fff}.match-action.match-action-like a{color:#28a745}.match-action.match-action-like{border-color:#28a745}.match-action.match-action-like:hover{background:#28a745;border-color:#28a745}.match-action.match-action-like:hover a{color:#fff}.match-action.match-action-message a{color:#0f75bd}.match-action.match-action-message{border-color:#0f75bd}.match-action.match-action-message:hover{background:#0f75bd;border-color:#0f75bd}.match-action.match-action-message:hover a{color:#fff}.match-action:hover img{filter:brightness(0) invert(1)}@media (max-width:768px){.match-action{height:52px;width:52px}}@media (max-width:480px){.match-action{height:44px;width:44px}.match-action img{height:20px;width:20px}}.match-action .tooltiptext{background:#212529;border-radius:6px;bottom:125%;color:#fff;font-size:.8rem;left:50%;opacity:0;padding:8px 12px;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;visibility:hidden;white-space:nowrap;z-index:1000}.match-action .tooltiptext:after{border:5px solid transparent;border-top-color:#212529;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.match-action:hover .tooltiptext{opacity:1;visibility:visible}.show-more-matches{background:linear-gradient(135deg,#0f75bd,#f72c93);border:none;border-radius:25px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin:30px auto;max-width:300px;padding:12px 24px;transition:all .3s ease;width:100%}.show-more-matches:hover{box-shadow:0 6px 16px rgba(15,117,189,.3);color:#fff;transform:translateY(-2px)}.safety-compliance-container{background:#fff;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin:20px 0;padding:32px}.safety-compliance-container h2{color:#212529;margin-bottom:24px}.safety-compliance-container p{color:#495057;line-height:1.6;margin-bottom:16px}.safety-compliance-container .btn-primary{background:linear-gradient(135deg,#0f75bd,#f72c93);border:none;border-radius:25px;font-weight:600;padding:12px 32px;transition:all .3s ease}.safety-compliance-container .btn-primary:hover{box-shadow:0 6px 16px rgba(15,117,189,.3);transform:translateY(-2px)}.scroll-top{align-items:center;background:linear-gradient(135deg,#0f75bd,#f72c93);border-radius:50%;bottom:20px;box-shadow:0 4px 8px rgba(0,0,0,.15);color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;opacity:0;position:fixed;right:20px;transition:all .3s ease;visibility:hidden;width:50px;z-index:1000}.scroll-top:hover{box-shadow:0 6px 16px rgba(0,0,0,.2);transform:translateY(-3px)}.scroll-top.show{opacity:1;visibility:visible}.panel-overlay-wrap{overflow:hidden;position:relative}.panel-overlay-wrap:before{background:hsla(0,0%,100%,.9);content:"";z-index:98}.panel-overlay,.panel-overlay-wrap:before{bottom:0;left:0;position:absolute;right:0;top:0}.panel-overlay{align-items:center;display:flex;justify-content:center;transition:opacity .3s ease;z-index:99}.panel-overlay .panel-overlay-content{padding:20px;text-align:center}.panel-overlay .panel-overlay-content .panel-overlay-icon{display:block;margin-bottom:15px}.panel-overlay .panel-overlay-content .panel-overlay-icon i{font-size:2rem}.panel-overlay .panel-overlay-content .panel-overlay-title{color:#16202b;font-size:1.125rem;font-weight:600;margin-bottom:10px}.panel-overlay .panel-overlay-content p{color:#758697;margin:0}.custom-scrollbar{scrollbar-color:rgba(0,0,0,.2) transparent;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{height:8px;width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.panel.remove{opacity:0;transform:scale(.9);transition:all .3s ease-out}.mega-dropdown{position:relative}.mega-dropdown .mega-dropdown-menu{background:#fff;border:1px solid #e7ecf3;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.2);left:0;margin-top:10px;opacity:0;padding:20px;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1000}.mega-dropdown.open .mega-dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.mega-dropdown.open .mega-dropdown-toggle{color:#0f75bd}.toast{min-width:300px}.toast.bg-success{background:#28a745!important}.toast.bg-info{background:#17a2b8!important}.toast.bg-warning{background:#ffc107!important;color:#212529!important}.toast.bg-warning .btn-close{filter:invert(1)}.toast.bg-danger{background:#dc3545!important}.loading{opacity:.6;pointer-events:none;position:relative}.loading:after{animation:spin .8s linear infinite;border:2px solid #0f75bd;border-radius:50%;border-top-color:transparent;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@media (prefers-color-scheme:dark){.feed-card,.feed-compose,.feed-sidebar .sidebar-section,.panel,.widget-box{background:#343a40;color:#f8f9fa}.feed-card .feed-card-footer,.feed-card .feed-card-header,.feed-compose .feed-card-footer,.feed-compose .feed-card-header,.feed-sidebar .sidebar-section .feed-card-footer,.feed-sidebar .sidebar-section .feed-card-header,.panel .feed-card-footer,.panel .feed-card-header,.widget-box .feed-card-footer,.widget-box .feed-card-header{border-color:#495057}.feed-card .feed-user-details .feed-username,.feed-card .sidebar-title,.feed-compose .feed-user-details .feed-username,.feed-compose .sidebar-title,.feed-sidebar .sidebar-section .feed-user-details .feed-username,.feed-sidebar .sidebar-section .sidebar-title,.panel .feed-user-details .feed-username,.panel .sidebar-title,.widget-box .feed-user-details .feed-username,.widget-box .sidebar-title{color:#f8f9fa}.feed-card .feed-stat-item,.feed-card .feed-timestamp,.feed-card .sidebar-item a,.feed-compose .feed-stat-item,.feed-compose .feed-timestamp,.feed-compose .sidebar-item a,.feed-sidebar .sidebar-section .feed-stat-item,.feed-sidebar .sidebar-section .feed-timestamp,.feed-sidebar .sidebar-section .sidebar-item a,.panel .feed-stat-item,.panel .feed-timestamp,.panel .sidebar-item a,.widget-box .feed-stat-item,.widget-box .feed-timestamp,.widget-box .sidebar-item a{color:#ced4da}.feed-card .compose-input textarea,.feed-compose .compose-input textarea,.feed-sidebar .sidebar-section .compose-input textarea,.panel .compose-input textarea,.widget-box .compose-input textarea{background:#495057;border-color:#6c757d;color:#f8f9fa}.feed-card .compose-input textarea:focus,.feed-compose .compose-input textarea:focus,.feed-sidebar .sidebar-section .compose-input textarea:focus,.panel .compose-input textarea:focus,.widget-box .compose-input textarea:focus{border-color:#0f75bd}}.navbar{backdrop-filter:none;background:#fff;border:none;border-bottom:1px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.05)}.navbar .navbar-brand img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:45px;width:auto}.navbar .navbar-nav>li>a{color:#495057!important;font-weight:500;transition:all .3s ease}.navbar .navbar-nav>li>a:hover{background-color:transparent;color:var(--color-primary,#007bff)!important;transform:none}.hero-modern{min-height:600px;overflow:hidden;position:relative}.hero-modern:before{background:linear-gradient(180deg,#f8f9fa,#fff);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.hero-modern .hero-modern__content{color:#fff;position:relative;text-align:center;z-index:2}.hero-modern .hero-modern__content h1{font-size:3.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}@media (max-width:768px){.hero-modern .hero-modern__content h1{font-size:2.5rem}}.hero-modern .hero-modern__content p{font-size:1.25rem;margin-bottom:30px;opacity:.95}.btn-primary{background:linear-gradient(135deg,#0f75bd,#f72c93);border:none;box-shadow:0 4px 15px rgba(247,44,147,.3);font-weight:600;letter-spacing:.5px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#0b588e,#e7097a);box-shadow:0 6px 20px rgba(247,44,147,.4);transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 10px rgba(247,44,147,.3);transform:translateY(0)}.btn-secondary{background:transparent;border:2px solid #fff;color:#fff;font-weight:600;padding:10px 28px;transition:all .3s ease}.btn-secondary:hover{background:#fff;color:#f72c93;transform:translateY(-2px)}.card{border:none;box-shadow:0 5px 20px rgba(0,0,0,.08);overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:0 10px 30px rgba(0,0,0,.15);transform:translateY(-5px)}.card .card-header{background:linear-gradient(135deg,#0f75bd,#f72c93);border:none;color:#fff;font-weight:600;padding:20px}.card .card-body{padding:30px}.form-label{color:#333;font-weight:600;margin-bottom:8px}.match-panels:hover{box-shadow:0 8px 30px rgba(0,0,0,.12)}.match-panels .panel-body{padding:25px}.profile-card{background:#fff;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.1);overflow:hidden;position:relative;transition:all .3s ease}.profile-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.15);transform:scale(1.02)}.profile-card:hover .profile-overlay{opacity:1}.profile-card .profile-image{height:300px;-o-object-fit:cover;object-fit:cover;width:100%}.profile-card .profile-overlay{background:linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent);bottom:0;color:#fff;left:0;opacity:.9;padding:20px;position:absolute;right:0;transition:opacity .3s ease}.profile-card .profile-name{font-size:1.5rem;font-weight:700;margin-bottom:5px}.profile-card .profile-age{font-size:1.1rem;opacity:.9}.heart-icon{color:#f72c93;cursor:pointer;transition:all .3s ease}.heart-icon:hover{color:#e7097a;transform:scale(1.2)}.heart-icon.animated{animation:heartbeat .8s ease-in-out}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.filters-popup:before{background:#fff;box-shadow:-3px -3px 5px rgba(0,0,0,.05);content:"";height:16px;position:absolute;right:20px;top:-8px;transform:rotate(45deg);width:16px}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@media (max-width:768px){.navbar-collapse{backdrop-filter:blur(10px);background:rgba(5,5,5,.95);border-radius:12px;margin-top:10px;padding:20px}.hero-modern h1{font-size:2rem}.btn-primary{font-size:14px;padding:10px 20px}}.gradient-text{background:linear-gradient(135deg,#0f75bd,#f72c93);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.shadow-soft{box-shadow:0 5px 20px rgba(0,0,0,.08)}.transition-all{transition:all .3s ease}.dropdown-menu{left:0;margin-top:.125rem;min-width:10rem;position:absolute!important;right:auto;top:100%!important;transform:none!important;z-index:1050}.dropdown-menu.show{display:block}.navbar-nav .dropdown{position:relative}.navbar-nav .dropdown .dropdown-toggle:after{margin-left:.255em;vertical-align:middle}.navbar-nav .dropdown-menu{margin:0;padding:.5rem 0}.navbar-nav .dropdown-menu .dropdown-item{background-color:transparent;border:0;clear:both;font-weight:400;padding:.5rem 1.5rem;text-align:inherit;white-space:nowrap}.navbar-nav .dropdown-menu .dropdown-item:focus,.navbar-nav .dropdown-menu .dropdown-item:hover{background-color:#f8f9fa;text-decoration:none}.nav-language-dropdown .dropdown-menu{max-height:300px;min-width:200px;overflow-y:auto}.section h1,.section h2,.section h3,.section h4,.section h5,.section h6,[class*=section-] h1,[class*=section-] h2,[class*=section-] h3,[class*=section-] h4,[class*=section-] h5,[class*=section-] h6,section h1,section h2,section h3,section h4,section h5,section h6{margin-bottom:1.5rem;text-align:center}.section p,[class*=section-] p,section p{line-height:1.6;margin-bottom:1rem;text-align:left}.section .text-center,.section .text-center p,[class*=section-] .text-center,[class*=section-] .text-center p,section .text-center,section .text-center p{text-align:center!important}.section.banner3 .banner3-content h1,.section.banner3 .banner3-content h2,.section.banner3 .banner3-content h3,.section.banner3 .banner3-content p.hero-text,.section.banner3 .banner3-content p.lead,.section.banner3 .hero-content h1,.section.banner3 .hero-content h2,.section.banner3 .hero-content h3,.section.banner3 .hero-content p.hero-text,.section.banner3 .hero-content p.lead,.section.banner3-datemetrix .banner3-content h1,.section.banner3-datemetrix .banner3-content h2,.section.banner3-datemetrix .banner3-content h3,.section.banner3-datemetrix .banner3-content p.hero-text,.section.banner3-datemetrix .banner3-content p.lead,.section.banner3-datemetrix .hero-content h1,.section.banner3-datemetrix .hero-content h2,.section.banner3-datemetrix .hero-content h3,.section.banner3-datemetrix .hero-content p.hero-text,.section.banner3-datemetrix .hero-content p.lead,.section.hero-section .banner3-content h1,.section.hero-section .banner3-content h2,.section.hero-section .banner3-content h3,.section.hero-section .banner3-content p.hero-text,.section.hero-section .banner3-content p.lead,.section.hero-section .hero-content h1,.section.hero-section .hero-content h2,.section.hero-section .hero-content h3,.section.hero-section .hero-content p.hero-text,.section.hero-section .hero-content p.lead,[class*=section-].banner3 .banner3-content h1,[class*=section-].banner3 .banner3-content h2,[class*=section-].banner3 .banner3-content h3,[class*=section-].banner3 .banner3-content p.hero-text,[class*=section-].banner3 .banner3-content p.lead,[class*=section-].banner3 .hero-content h1,[class*=section-].banner3 .hero-content h2,[class*=section-].banner3 .hero-content h3,[class*=section-].banner3 .hero-content p.hero-text,[class*=section-].banner3 .hero-content p.lead,[class*=section-].banner3-datemetrix .banner3-content h1,[class*=section-].banner3-datemetrix .banner3-content h2,[class*=section-].banner3-datemetrix .banner3-content h3,[class*=section-].banner3-datemetrix .banner3-content p.hero-text,[class*=section-].banner3-datemetrix .banner3-content p.lead,[class*=section-].banner3-datemetrix .hero-content h1,[class*=section-].banner3-datemetrix .hero-content h2,[class*=section-].banner3-datemetrix .hero-content h3,[class*=section-].banner3-datemetrix .hero-content p.hero-text,[class*=section-].banner3-datemetrix .hero-content p.lead,[class*=section-].hero-section .banner3-content h1,[class*=section-].hero-section .banner3-content h2,[class*=section-].hero-section .banner3-content h3,[class*=section-].hero-section .banner3-content p.hero-text,[class*=section-].hero-section .banner3-content p.lead,[class*=section-].hero-section .hero-content h1,[class*=section-].hero-section .hero-content h2,[class*=section-].hero-section .hero-content h3,[class*=section-].hero-section .hero-content p.hero-text,[class*=section-].hero-section .hero-content p.lead,section.banner3 .banner3-content h1,section.banner3 .banner3-content h2,section.banner3 .banner3-content h3,section.banner3 .banner3-content p.hero-text,section.banner3 .banner3-content p.lead,section.banner3 .hero-content h1,section.banner3 .hero-content h2,section.banner3 .hero-content h3,section.banner3 .hero-content p.hero-text,section.banner3 .hero-content p.lead,section.banner3-datemetrix .banner3-content h1,section.banner3-datemetrix .banner3-content h2,section.banner3-datemetrix .banner3-content h3,section.banner3-datemetrix .banner3-content p.hero-text,section.banner3-datemetrix .banner3-content p.lead,section.banner3-datemetrix .hero-content h1,section.banner3-datemetrix .hero-content h2,section.banner3-datemetrix .hero-content h3,section.banner3-datemetrix .hero-content p.hero-text,section.banner3-datemetrix .hero-content p.lead,section.hero-section .banner3-content h1,section.hero-section .banner3-content h2,section.hero-section .banner3-content h3,section.hero-section .banner3-content p.hero-text,section.hero-section .banner3-content p.lead,section.hero-section .hero-content h1,section.hero-section .hero-content h2,section.hero-section .hero-content h3,section.hero-section .hero-content p.hero-text,section.hero-section .hero-content p.lead{text-align:center}.content-section p,.main-content p{margin-left:auto;margin-right:auto;max-width:800px;text-align:left}@media (max-width:991px){.navbar-nav .dropdown-menu{background-color:transparent;border:0;box-shadow:none;float:none;margin-top:0;position:static!important;width:100%}.navbar-nav .dropdown-menu .dropdown-item{padding-left:2rem}}.datemetrix .personality-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.datemetrix .personality-grid .personality-card,.datemetrix .personality-grid .personality-card p,.datemetrix .questionnaire-section h2,.datemetrix .questionnaire-section h3{text-align:center}.datemetrix .questionnaire-section .answer-options,.datemetrix .questionnaire-section .question-text{text-align:left}
/*# sourceMappingURL=dashboard.min.css.51cc6f9b4e06.map */