:root{--color-primary: #0F75BD;--color-primary-light: #2196F3;--color-primary-dark: #0A5A91;--color-primary-rgb: 15, 117, 189;--color-secondary: #F72C93;--color-secondary-light: #FF6BB3;--color-secondary-dark: #D91872;--color-secondary-rgb: 247, 44, 147;--color-accent: #7C4DFF;--color-success: #4CAF50;--color-success-light: #81C784;--color-success-dark: #388E3C;--color-success-rgb: 76, 175, 80;--color-warning: #FF9800;--color-warning-light: #FFB74D;--color-warning-dark: #F57C00;--color-warning-rgb: 255, 152, 0;--color-danger: #F44336;--color-danger-light: #EF5350;--color-danger-dark: #D32F2F;--color-danger-rgb: 244, 67, 54;--color-info: #00BCD4;--color-info-light: #4DD0E1;--color-info-dark: #0097A7;--color-info-rgb: 0, 188, 212;--color-white: #FFFFFF;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #EEEEEE;--color-gray-300: #E0E0E0;--color-gray-400: #BDBDBD;--color-gray-500: #9E9E9E;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-black: #000000;--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-500);--color-text-inverse: var(--color-white);--color-background: var(--color-white);--color-background-alt: var(--color-gray-50);--color-surface: var(--color-white);--color-surface-elevated: var(--color-white);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-secondary: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent) 100%);--gradient-success: linear-gradient(135deg, #4CAF50 0%, #8BC34A 100%);--gradient-premium: linear-gradient(135deg, #FFD700 0%, #FFA000 100%);--gradient-dark: linear-gradient(135deg, var(--color-gray-800) 0%, var(--color-gray-900) 100%)}:root{--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}:root{--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)}:root{--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)}:root{--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)}:root{--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -1px rgba(0, 0, 0, 0.03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.02);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.02);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.15);--shadow-primary: 0 4px 14px 0 rgba(15, 117, 189, 0.3);--shadow-secondary: 0 4px 14px 0 rgba(247, 44, 147, 0.3);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);--shadow-inner-lg: inset 0 4px 8px 0 rgba(0, 0, 0, 0.08)}:root{--duration-instant: 0ms;--duration-fast: 150ms;--duration-normal: 300ms;--duration-slow: 500ms;--duration-slower: 700ms;--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)}:root{--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}:root{--button-padding-x: var(--space-lg);--button-padding-y: var(--space-sm);--button-font-weight: var(--font-weight-medium);--button-border-radius: var(--radius-md);--button-transition: var(--transition-fast);--card-padding: var(--space-lg);--card-radius: var(--radius-lg);--card-shadow: var(--shadow-md);--card-shadow-hover: var(--shadow-lg);--input-padding-x: var(--space-md);--input-padding-y: var(--space-sm);--input-border-radius: var(--radius-md);--input-border-color: var(--border-color);--input-focus-color: var(--color-primary);--input-focus-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);--nav-height: 64px;--nav-background: rgba(255, 255, 255, 0.95);--nav-backdrop-filter: blur(10px);--modal-backdrop: rgba(0, 0, 0, 0.5);--modal-radius: var(--radius-xl);--modal-shadow: var(--shadow-2xl)}@media(prefers-color-scheme: dark){:root{--color-background: var(--color-gray-900);--color-surface: var(--color-gray-800);--color-text-primary: var(--color-gray-50);--color-text-secondary: var(--color-gray-300);--border-color: var(--color-gray-700)}}[data-site=datemetrix]{--color-primary: #6a1b9a;--color-primary-light: #9c4dcc;--color-primary-dark: #4a148c;--color-primary-rgb: 106, 27, 154;--gradient-primary: linear-gradient(135deg, #6a1b9a 0%, #9c4dcc 100%)}[data-site=genepool]{--color-primary: #00897b;--color-primary-light: #4db6ac;--color-primary-dark: #00695c;--color-primary-rgb: 0, 137, 123;--gradient-primary: linear-gradient(135deg, #00897b 0%, #4db6ac 100%)}[data-site=wellmatched]{--color-primary: #1976d2;--color-primary-light: #42a5f5;--color-primary-dark: #1565c0;--color-primary-rgb: 25, 118, 210;--gradient-primary: linear-gradient(135deg, #1976d2 0%, #42a5f5 100%)}[data-site=generecovery]{--color-primary: #388e3c;--color-primary-light: #66bb6a;--color-primary-dark: #2e7d32;--color-primary-rgb: 56, 142, 60;--gradient-primary: linear-gradient(135deg, #388e3c 0%, #66bb6a 100%)}[data-site=heritablehealth]{--color-primary: #007bff;--color-primary-light: #40a9ff;--color-primary-dark: #0056b3;--color-primary-rgb: 0, 123, 255;--gradient-primary: linear-gradient(135deg, #007bff 0%, #40a9ff 100%)}:root{--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-micro: 100ms;--duration-quick: 200ms;--duration-smooth: 400ms;--duration-leisurely: 800ms;--transition-bounce: all var(--duration-normal) var(--spring-bounce);--transition-spring: all var(--duration-smooth) var(--spring-wobbly);--transition-micro: all var(--duration-micro) var(--ease-out)}:root{--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%)}:root{--shadow-primary-light: 0 4px 14px 0 rgba(var(--color-primary-rgb), 0.15);--shadow-primary-strong: 0 8px 28px 0 rgba(var(--color-primary-rgb), 0.4);--shadow-secondary-light: 0 4px 14px 0 rgba(var(--color-secondary-rgb), 0.15);--shadow-secondary-strong: 0 8px 28px 0 rgba(var(--color-secondary-rgb), 0.4);--shadow-hover: 0 12px 24px -6px rgba(0, 0, 0, 0.12);--shadow-active: 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-focus: 0 0 0 4px rgba(var(--color-primary-rgb), 0.15);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, 0.15);--shadow-glass-hover: 0 16px 48px 0 rgba(31, 38, 135, 0.25)}:root{--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)}@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-secondary) !important}.bg-brand{background-color:var(--color-primary) !important}.bg-accent{background-color:var(--color-secondary) !important}.bg-gradient-brand{background:var(--gradient-brand) !important}.bg-gradient-hero{background:var(--gradient-hero) !important}.border-brand{border-color:var(--color-primary) !important}.border-radius-token{border-radius:var(--radius-md) !important}.shadow-token{box-shadow:var(--shadow-md) !important}.shadow-hover-token{box-shadow:var(--shadow-hover) !important}:export{primaryColor:var(--color-primary);secondaryColor:var(--color-secondary);breakpointMd:var(--breakpoint-md);breakpointLg:var(--breakpoint-lg);durationNormal:var(--duration-normal);springBounce:var(--spring-bounce);shadowPrimary:var(--shadow-primary)}*{box-sizing:border-box}:focus{outline:none}:focus-visible{outline:3px solid var(--color-primary-400);outline-offset:2px;border-radius:var(--radius-sm)}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}.btn-world-class{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--btn-padding-y) var(--btn-padding-x);font-family:var(--font-family-base);font-size:var(--text-base);font-weight:var(--btn-font-weight);line-height:1;text-decoration:none;white-space:nowrap;border:none;border-radius:var(--btn-border-radius);cursor:pointer;transition:var(--btn-transition);transform-origin:center;overflow:hidden;min-height:44px;min-width:44px}.btn-world-class::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.5);transform:translate(-50%, -50%);transition:width var(--duration-slow),height var(--duration-slow)}.btn-world-class:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-world-class:active{transform:translateY(0);transition-duration:var(--duration-instant)}.btn-world-class:active::before{width:300px;height:300px}.btn-world-class.btn-primary{background-color:var(--color-primary-500);color:#fff}.btn-world-class.btn-primary:hover{background-color:var(--color-primary-600)}.btn-world-class.btn-secondary{background-color:var(--color-gray-200);color:var(--color-gray-800)}.btn-world-class.btn-secondary:hover{background-color:var(--color-gray-300)}.btn-world-class.btn-ghost{background-color:rgba(0,0,0,0);color:var(--color-primary-500)}.btn-world-class.btn-ghost:hover{background-color:rgba(var(--color-primary-500), 0.1)}.btn-world-class.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.btn-world-class.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-lg)}.btn-world-class.btn-loading{color:rgba(0,0,0,0)}.btn-world-class.btn-loading::after{content:"";position:absolute;width:20px;height:20px;margin:auto;border:2px solid rgba(0,0,0,0);border-radius:50%;border-top-color:currentColor;animation:btn-loading-spin 1s ease infinite}@keyframes btn-loading-spin{to{transform:rotate(360deg)}}.form-field-world-class{position:relative;margin-bottom:var(--space-lg)}.form-field-world-class input,.form-field-world-class textarea,.form-field-world-class select{width:100%;padding:var(--form-field-padding-y) var(--form-field-padding-x);font-family:var(--font-family-base);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-gray-900);background-color:#fff;border:var(--form-field-border-width) solid var(--form-field-border-color);border-radius:var(--form-field-border-radius);transition:all var(--duration-fast) var(--easing-default);min-height:44px}.form-field-world-class input:focus,.form-field-world-class textarea:focus,.form-field-world-class select:focus{border-color:var(--form-field-focus-color);box-shadow:var(--form-field-focus-shadow)}.form-field-world-class input:valid,.form-field-world-class textarea:valid,.form-field-world-class select:valid{border-color:var(--color-success)}.form-field-world-class input:invalid:not(:placeholder-shown),.form-field-world-class textarea:invalid:not(:placeholder-shown),.form-field-world-class select:invalid:not(:placeholder-shown){border-color:var(--color-error)}.form-field-world-class input:disabled,.form-field-world-class textarea:disabled,.form-field-world-class select:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.6}.form-field-world-class label{position:absolute;top:50%;left:var(--form-field-padding-x);transform:translateY(-50%);font-size:var(--text-base);color:var(--color-gray-500);pointer-events:none;transition:all var(--duration-fast) var(--easing-default);background-color:#fff;padding:0 var(--space-2xs)}.form-field-world-class input:focus~label,.form-field-world-class input:not(:placeholder-shown)~label,.form-field-world-class textarea:focus~label,.form-field-world-class textarea:not(:placeholder-shown)~label,.form-field-world-class select:focus~label,.form-field-world-class select:valid~label{top:0;font-size:var(--text-sm);color:var(--form-field-focus-color)}.form-field-world-class .form-help{margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-gray-600)}.form-field-world-class .form-error{margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-error);display:none}.form-field-world-class.has-error input,.form-field-world-class.has-error textarea,.form-field-world-class.has-error select{border-color:var(--color-error)}.form-field-world-class.has-error .form-error{display:block}.form-field-world-class.has-success input,.form-field-world-class.has-success textarea,.form-field-world-class.has-success select{border-color:var(--color-success)}.password-strength{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-2xs);height:4px;margin-top:var(--space-xs)}.password-strength .strength-bar{background:var(--color-gray-300);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--easing-default)}.password-strength[data-strength=weak] .strength-bar:nth-child(1){background:var(--color-error)}.password-strength[data-strength=fair] .strength-bar:nth-child(-n+2){background:var(--color-warning)}.password-strength[data-strength=good] .strength-bar:nth-child(-n+3){background:var(--color-info)}.password-strength[data-strength=strong] .strength-bar{background:var(--color-success)}.card-world-class{position:relative;background:#fff;border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);padding:var(--card-padding);transition:all var(--duration-normal) var(--easing-default);cursor:pointer}.card-world-class::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;box-shadow:var(--card-shadow-hover);opacity:0;transition:opacity var(--duration-normal) var(--easing-default)}.card-world-class:hover{transform:translateY(-4px)}.card-world-class:hover::before{opacity:1}.card-world-class .card-header{margin-bottom:var(--space-md)}.card-world-class .card-header h3{margin:0;font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.card-world-class .card-body{color:var(--color-gray-600);line-height:var(--line-height-relaxed)}.card-world-class .card-footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-gray-200)}.skeleton{position:relative;overflow:hidden;background-color:var(--color-gray-200)}.skeleton::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);animation:skeleton-shimmer 2s infinite}.skeleton.skeleton-text{height:1em;border-radius:var(--radius-sm)}.skeleton.skeleton-title{height:1.5em;width:50%;border-radius:var(--radius-sm)}.skeleton.skeleton-button{height:44px;width:120px;border-radius:var(--radius-full)}.skeleton.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}@keyframes skeleton-shimmer{100%{transform:translateX(100%)}}.pulse-loader{display:inline-block;width:40px;height:40px}.pulse-loader::after{content:" ";display:block;width:32px;height:32px;margin:4px;border-radius:50%;border:3px solid var(--color-primary-500);border-color:var(--color-primary-500) rgba(0,0,0,0) var(--color-primary-500) rgba(0,0,0,0);animation:pulse-spin 1.2s linear infinite}@keyframes pulse-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.nav-world-class{position:sticky;top:0;z-index:var(--z-index-sticky);background:#fff;box-shadow:var(--shadow-sm);height:var(--nav-height)}.nav-world-class .nav-container{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--space-lg);max-width:var(--container-7xl);margin:0 auto}.nav-world-class .nav-brand{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);text-decoration:none}.nav-world-class .nav-menu{display:flex;align-items:center;gap:var(--space-xs);list-style:none;margin:0;padding:0}.nav-world-class .nav-item a{display:flex;align-items:center;padding:var(--nav-item-padding-y) var(--nav-item-padding-x);color:var(--color-gray-600);text-decoration:none;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--easing-default)}.nav-world-class .nav-item a:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.nav-world-class .nav-item a.active{background-color:var(--color-primary-100);color:var(--color-primary-700)}.nav-world-class .nav-toggle{display:none}@media(max-width: 768px){.nav-world-class .nav-toggle{display:block}}@media(max-width: 768px){.nav-world-class .nav-menu{position:fixed;top:var(--nav-height);left:-100%;width:100%;height:calc(100vh - var(--nav-height));background:#fff;flex-direction:column;align-items:stretch;padding:var(--space-lg);box-shadow:var(--shadow-xl);transition:left var(--duration-normal) var(--easing-default)}.nav-world-class .nav-menu.is-open{left:0}.nav-world-class .nav-item a{padding:var(--space-md);width:100%}}.modal-world-class{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background-color:var(--modal-backdrop-color);z-index:var(--z-index-modal);opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--easing-default)}.modal-world-class.is-open{opacity:1;visibility:visible}.modal-world-class .modal-content{position:relative;width:100%;max-width:var(--container-lg);max-height:90vh;background:#fff;border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow);padding:var(--modal-padding);overflow-y:auto;transform:scale(0.9);transition:transform var(--duration-normal) var(--easing-bounce)}.modal-world-class.is-open .modal-content{transform:scale(1)}.modal-world-class .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.modal-world-class .modal-header h2{margin:0;font-size:var(--text-2xl);font-weight:var(--font-weight-bold)}.modal-world-class .modal-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:rgba(0,0,0,0);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--easing-default)}.modal-world-class .modal-close:hover{background-color:var(--color-gray-100)}.animate-slide-up{animation:slideUp var(--duration-normal) var(--easing-default) both}.animate-slide-down{animation:slideDown var(--duration-normal) var(--easing-default) both}.animate-slide-left{animation:slideLeft var(--duration-normal) var(--easing-default) both}.animate-slide-right{animation:slideRight var(--duration-normal) var(--easing-default) both}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--easing-default) both}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--easing-bounce) both}@keyframes scaleIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.animate-pulse{animation:pulse 2s var(--easing-default) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary-500);color:#fff;padding:var(--space-xs) var(--space-sm);text-decoration:none;border-radius:0 0 var(--radius-md) 0;z-index:var(--z-index-top);transition:top var(--duration-fast) var(--easing-default)}.skip-link:focus{top:0}.touch-target{position:relative}.touch-target::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:max(100%,44px);height:max(100%,44px)}.container-query{container-type:inline-size}.gpu-accelerated{will-change:transform;transform:translateZ(0)}.content-visibility-auto{content-visibility:auto;contain-intrinsic-size:0 400px}:root{--dna-helix-primary: #3B82F6;--dna-helix-secondary: #EC4899;--dna-helix-tertiary: #10B981;--dna-helix-quaternary: #F59E0B;--compatibility-excellent: #059669;--compatibility-very-good: #65A30D;--compatibility-good: #CA8A04;--compatibility-fair: #DC2626;--compatibility-poor: #991B1B;--data-viz-background: rgba(59, 130, 246, 0.05);--data-viz-grid: rgba(59, 130, 246, 0.1);--data-viz-accent: rgba(236, 72, 153, 0.8);--gradient-genetic: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-premium-dna: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-science: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-luxury: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--dna-rotation-speed: 20s;--helix-pulse-speed: 3s;--data-flow-speed: 2s}@keyframes dna-helix-rotate{0%{transform:rotateY(0deg)}100%{transform:rotateY(360deg)}}@keyframes dna-pulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes genetic-flow{0%{transform:translateX(-100%);opacity:0}50%{opacity:1}100%{transform:translateX(100%);opacity:0}}@keyframes compatibility-pulse{0%,100%{box-shadow:0 0 0 0 var(--compatibility-excellent)}70%{box-shadow:0 0 0 10px rgba(0,0,0,0)}}@keyframes data-stream{0%{transform:translateY(100%);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100%);opacity:0}}.dna-helix-container{position:relative;width:120px;height:200px;margin:0 auto;perspective:1000px}.dna-helix-container .dna-helix{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:dna-helix-rotate var(--dna-rotation-speed) linear infinite}.dna-helix-container .dna-helix .helix-strand{position:absolute;width:4px;height:100%;background:linear-gradient(to bottom, var(--dna-helix-primary), var(--dna-helix-secondary));border-radius:2px;transform-origin:center}.dna-helix-container .dna-helix .helix-strand:nth-child(1){transform:rotateY(0deg) translateZ(40px)}.dna-helix-container .dna-helix .helix-strand:nth-child(2){transform:rotateY(60deg) translateZ(40px)}.dna-helix-container .dna-helix .helix-strand:nth-child(3){transform:rotateY(120deg) translateZ(40px)}.dna-helix-container .dna-helix .helix-strand:nth-child(4){transform:rotateY(180deg) translateZ(40px)}.dna-helix-container .dna-helix .helix-strand:nth-child(5){transform:rotateY(240deg) translateZ(40px)}.dna-helix-container .dna-helix .helix-strand:nth-child(6){transform:rotateY(300deg) translateZ(40px)}.dna-helix-container .dna-helix .base-pair{position:absolute;width:80px;height:2px;background:var(--dna-helix-tertiary);left:50%;transform:translateX(-50%);border-radius:1px;animation:dna-pulse var(--helix-pulse-speed) ease-in-out infinite}.dna-helix-container .dna-helix .base-pair:nth-child(7){top:18px;animation-delay:0.2s}.dna-helix-container .dna-helix .base-pair:nth-child(8){top:36px;animation-delay:0.4s}.dna-helix-container .dna-helix .base-pair:nth-child(9){top:54px;animation-delay:0.6s}.dna-helix-container .dna-helix .base-pair:nth-child(10){top:72px;animation-delay:0.8s}.dna-helix-container .dna-helix .base-pair:nth-child(11){top:90px;animation-delay:1s}.dna-helix-container .dna-helix .base-pair:nth-child(12){top:108px;animation-delay:1.2s}.dna-helix-container .dna-helix .base-pair:nth-child(13){top:126px;animation-delay:1.4s}.dna-helix-container .dna-helix .base-pair:nth-child(14){top:144px;animation-delay:1.6s}.dna-helix-container .dna-helix .base-pair:nth-child(15){top:162px;animation-delay:1.8s}.dna-helix-container .dna-helix .base-pair:nth-child(16){top:180px;animation-delay:2s}.dna-helix-micro{width:24px;height:32px;position:relative;display:inline-block}.dna-helix-micro::before,.dna-helix-micro::after{content:"";position:absolute;width:2px;height:100%;background:linear-gradient(45deg, var(--dna-helix-primary), var(--dna-helix-secondary));border-radius:1px}.dna-helix-micro::before{left:6px;transform:rotate(-15deg)}.dna-helix-micro::after{right:6px;transform:rotate(15deg)}.genetic-profile-card{position:relative;background:linear-gradient(145deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 100%);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;padding:32px;margin:16px 0;overflow:hidden;transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);cursor:pointer}.genetic-profile-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-genetic);border-radius:24px 24px 0 0}.genetic-profile-card::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.genetic-profile-card:hover{transform:translateY(-8px);box-shadow:0 32px 64px rgba(0,0,0,.15)}.genetic-profile-card:hover::after{opacity:1}.genetic-profile-card .profile-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.genetic-profile-card .profile-header .profile-avatar{position:relative;width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid var(--dna-helix-primary);animation:compatibility-pulse 3s infinite}.genetic-profile-card .profile-header .profile-avatar img{width:100%;height:100%;object-fit:cover}.genetic-profile-card .profile-header .profile-avatar .genetic-indicator{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;background:var(--compatibility-excellent);border:3px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700}.genetic-profile-card .profile-header .profile-info{flex:1}.genetic-profile-card .profile-header .profile-info h3{margin:0 0 8px 0;font-size:24px;font-weight:700;color:var(--color-gray-900);font-family:var(--font-secondary)}.genetic-profile-card .profile-header .profile-info .profile-meta{color:var(--color-gray-600);font-size:16px;margin-bottom:12px}.genetic-profile-card .profile-header .profile-info .compatibility-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--gradient-genetic);color:#fff;border-radius:20px;font-size:14px;font-weight:600}.genetic-profile-card .profile-header .profile-info .compatibility-badge .dna-icon{width:16px;height:16px}.genetic-profile-card .genetic-compatibility{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:16px;margin:24px 0}.genetic-profile-card .genetic-compatibility .compatibility-metric{text-align:center}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-value{font-size:32px;font-weight:800;color:var(--dna-helix-primary);font-family:var(--font-secondary);margin-bottom:4px}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-label{font-size:14px;color:var(--color-gray-600);font-weight:500}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-bar{width:100%;height:4px;background:var(--color-gray-200);border-radius:2px;margin:8px 0;overflow:hidden}.genetic-profile-card .genetic-compatibility .compatibility-metric .metric-bar .metric-fill{height:100%;background:var(--gradient-genetic);border-radius:2px;transition:width 1s ease-out}.genetic-profile-card .genetic-traits .traits-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:12px}.genetic-profile-card .genetic-traits .traits-grid .trait-pill{padding:8px 16px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:20px;text-align:center;font-size:14px;color:var(--dna-helix-primary);font-weight:500;transition:all .3s ease}.genetic-profile-card .genetic-traits .traits-grid .trait-pill:hover{background:rgba(59,130,246,.2);transform:translateY(-2px)}.genetic-profile-card .genetic-traits .traits-grid .trait-pill.match{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2);color:var(--compatibility-excellent)}.genetic-data-viz{position:relative;background:var(--data-viz-background);border:1px solid var(--data-viz-grid);border-radius:16px;padding:24px;margin:24px 0}.genetic-data-viz .viz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.genetic-data-viz .viz-header h4{margin:0;font-size:18px;font-weight:600;color:var(--color-gray-900)}.genetic-data-viz .viz-header .viz-legend{display:flex;gap:16px}.genetic-data-viz .viz-header .viz-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:14px}.genetic-data-viz .viz-header .viz-legend .legend-item .legend-color{width:12px;height:12px;border-radius:50%}.genetic-data-viz .compatibility-chart{position:relative;height:200px;background:repeating-linear-gradient(90deg, transparent, transparent 40px, var(--data-viz-grid) 40px, var(--data-viz-grid) 41px)}.genetic-data-viz .compatibility-chart .chart-bar{position:absolute;bottom:0;width:60px;background:var(--gradient-genetic);border-radius:4px 4px 0 0;transition:all .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.genetic-data-viz .compatibility-chart .chart-bar::after{content:attr(data-value);position:absolute;top:-30px;left:50%;transform:translateX(-50%);font-size:14px;font-weight:600;color:var(--dna-helix-primary)}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(1){left:20px;animation-delay:0.1s}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(2){left:100px;animation-delay:0.2s}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(3){left:180px;animation-delay:0.3s}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(4){left:260px;animation-delay:0.4s}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(5){left:340px;animation-delay:0.5s}.genetic-data-viz .compatibility-chart .chart-bar:nth-child(6){left:420px;animation-delay:0.6s}.genetic-data-viz .dna-sequence-viz{display:flex;justify-content:center;align-items:center;height:60px;margin:20px 0}.genetic-data-viz .dna-sequence-viz .sequence-base{width:20px;height:20px;margin:0 2px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;animation:genetic-flow var(--data-flow-speed) ease-in-out infinite}.genetic-data-viz .dna-sequence-viz .sequence-base.adenine{background:#ff6b6b}.genetic-data-viz .dna-sequence-viz .sequence-base.thymine{background:#4ecdc4}.genetic-data-viz .dna-sequence-viz .sequence-base.guanine{background:#45b7d1}.genetic-data-viz .dna-sequence-viz .sequence-base.cytosine{background:#96ceb4}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(1){animation-delay:0.1s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(2){animation-delay:0.2s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(3){animation-delay:0.3s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(4){animation-delay:0.4s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(5){animation-delay:0.5s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(6){animation-delay:0.6s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(7){animation-delay:0.7s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(8){animation-delay:0.8s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(9){animation-delay:0.9s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(10){animation-delay:1s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(11){animation-delay:1.1s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(12){animation-delay:1.2s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(13){animation-delay:1.3s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(14){animation-delay:1.4s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(15){animation-delay:1.5s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(16){animation-delay:1.6s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(17){animation-delay:1.7s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(18){animation-delay:1.8s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(19){animation-delay:1.9s}.genetic-data-viz .dna-sequence-viz .sequence-base:nth-child(20){animation-delay:2s}.genetic-report-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);overflow:hidden;margin:24px 0}.genetic-report-card .report-header{background:var(--gradient-science);padding:32px;text-align:center;color:#fff}.genetic-report-card .report-header .report-title{font-size:28px;font-weight:800;margin-bottom:8px;font-family:var(--font-secondary)}.genetic-report-card .report-header .report-subtitle{font-size:16px;opacity:.9}.genetic-report-card .report-header .genetic-score{display:inline-block;margin-top:20px;padding:16px 32px;background:hsla(0,0%,100%,.2);border-radius:50px;backdrop-filter:blur(10px)}.genetic-report-card .report-header .genetic-score .score-value{font-size:48px;font-weight:900;font-family:var(--font-secondary)}.genetic-report-card .report-header .genetic-score .score-label{font-size:14px;opacity:.8;margin-top:4px}.genetic-report-card .report-sections{padding:32px}.genetic-report-card .report-sections .report-section{margin-bottom:32px}.genetic-report-card .report-sections .report-section:last-child{margin-bottom:0}.genetic-report-card .report-sections .report-section .section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.genetic-report-card .report-sections .report-section .section-header .section-icon{width:40px;height:40px;border-radius:50%;background:var(--gradient-genetic);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.genetic-report-card .report-sections .report-section .section-header .section-title{font-size:20px;font-weight:700;color:var(--color-gray-900);margin:0}.genetic-report-card .report-sections .report-section .genetic-markers{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:16px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item{padding:16px;background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);border-radius:12px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .marker-name{font-weight:600;color:var(--color-gray-900);margin-bottom:8px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .marker-value{font-size:14px;color:var(--color-gray-600);margin-bottom:12px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator{display:flex;align-items:center;gap:8px}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator .indicator-dot{width:8px;height:8px;border-radius:50%}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator .indicator-dot.excellent{background:var(--compatibility-excellent)}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator .indicator-dot.good{background:var(--compatibility-good)}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator .indicator-dot.fair{background:var(--compatibility-fair)}.genetic-report-card .report-sections .report-section .genetic-markers .marker-item .compatibility-indicator .indicator-text{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.genetic-interaction-panel{position:relative;background:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;padding:32px;margin:24px 0;overflow:hidden}.genetic-interaction-panel::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%, rgba(59, 130, 246, 0.1) 0%, transparent 50%),radial-gradient(circle at 80% 20%, rgba(236, 72, 153, 0.1) 0%, transparent 50%),radial-gradient(circle at 40% 80%, rgba(16, 185, 129, 0.1) 0%, transparent 50%);pointer-events:none}.genetic-interaction-panel .interaction-header{text-align:center;margin-bottom:32px}.genetic-interaction-panel .interaction-header h3{font-size:28px;font-weight:800;margin-bottom:12px;background:var(--gradient-genetic);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.genetic-interaction-panel .genetic-sliders{display:grid;gap:24px}.genetic-interaction-panel .genetic-sliders .slider-group .slider-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.genetic-interaction-panel .genetic-sliders .slider-group .slider-label .label-text{font-weight:600;color:var(--color-gray-900)}.genetic-interaction-panel .genetic-sliders .slider-group .slider-label .label-value{font-weight:700;color:var(--dna-helix-primary)}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider{position:relative;height:8px;background:var(--color-gray-200);border-radius:4px;cursor:pointer}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider .slider-track{position:absolute;height:100%;background:var(--gradient-genetic);border-radius:4px;transition:width .3s ease}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider .slider-thumb{position:absolute;top:-6px;width:20px;height:20px;background:#fff;border:3px solid var(--dna-helix-primary);border-radius:50%;cursor:grab;box-shadow:0 4px 8px rgba(0,0,0,.15);transition:all .3s ease}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider .slider-thumb:hover{transform:scale(1.2);box-shadow:0 6px 12px rgba(0,0,0,.25)}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider .slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.premium-genetic-card{position:relative;background:linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);border:2px solid rgba(0,0,0,0);border-radius:32px;padding:40px;margin:32px 0;overflow:hidden}.premium-genetic-card::before{content:"";position:absolute;inset:0;padding:2px;background:var(--gradient-luxury);border-radius:32px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor}.premium-genetic-card .premium-badge{position:absolute;top:20px;right:20px;padding:8px 16px;background:var(--gradient-premium-dna);color:#fff;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 16px rgba(245,87,108,.3)}.premium-genetic-card .luxury-metrics{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:24px;margin:32px 0}.premium-genetic-card .luxury-metrics .luxury-metric{text-align:center;padding:24px;background:rgba(59,130,246,.03);border-radius:20px;transition:all .4s ease}.premium-genetic-card .luxury-metrics .luxury-metric:hover{background:rgba(59,130,246,.08);transform:translateY(-4px)}.premium-genetic-card .luxury-metrics .luxury-metric .metric-icon{width:48px;height:48px;margin:0 auto 16px;background:var(--gradient-genetic);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.premium-genetic-card .luxury-metrics .luxury-metric .metric-title{font-size:18px;font-weight:700;color:var(--color-gray-900);margin-bottom:8px}.premium-genetic-card .luxury-metrics .luxury-metric .metric-description{font-size:14px;color:var(--color-gray-600);line-height:1.5}.trust-indicators{display:flex;justify-content:center;gap:32px;margin:40px 0;flex-wrap:wrap}.trust-indicators .trust-badge{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#fff;border-radius:50px;box-shadow:0 8px 24px rgba(0,0,0,.08);transition:all .3s ease}.trust-indicators .trust-badge:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.12)}.trust-indicators .trust-badge .trust-icon{width:24px;height:24px;color:var(--dna-helix-primary)}.trust-indicators .trust-badge .trust-text{font-size:14px;font-weight:600;color:var(--color-gray-800)}.scientific-credibility{background:linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(236, 72, 153, 0.05) 100%);border:1px solid rgba(59,130,246,.1);border-radius:20px;padding:32px;margin:32px 0;text-align:center}.scientific-credibility .credibility-header{margin-bottom:24px}.scientific-credibility .credibility-header .credibility-icon{width:64px;height:64px;margin:0 auto 16px;background:var(--gradient-science);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px}.scientific-credibility .credibility-header .credibility-title{font-size:24px;font-weight:800;color:var(--color-gray-900);margin-bottom:8px}.scientific-credibility .credibility-header .credibility-subtitle{font-size:16px;color:var(--color-gray-600)}.scientific-credibility .credibility-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:24px}.scientific-credibility .credibility-stats .stat-item .stat-number{font-size:32px;font-weight:900;color:var(--dna-helix-primary);font-family:var(--font-secondary)}.scientific-credibility .credibility-stats .stat-item .stat-label{font-size:14px;color:var(--color-gray-600);margin-top:4px}@media(max-width: 768px){.genetic-profile-card{padding:24px;margin:12px 0}.genetic-profile-card .profile-header{flex-direction:column;text-align:center;gap:16px}.genetic-profile-card .genetic-compatibility{grid-template-columns:repeat(2, 1fr);gap:12px}.genetic-data-viz{padding:16px}.genetic-data-viz .compatibility-chart{height:150px}.premium-genetic-card{padding:24px;margin:20px 0}.premium-genetic-card .luxury-metrics{grid-template-columns:1fr;gap:16px}.trust-indicators{flex-direction:column;align-items:center;gap:16px}}@media(prefers-reduced-motion: reduce){.dna-helix{animation:none}.dna-pulse,.genetic-flow,.data-stream,.compatibility-pulse{animation:none}.genetic-profile-card:hover{transform:none}}@media(prefers-contrast: high){.genetic-profile-card{border:2px solid var(--color-gray-900)}.trait-pill{border:2px solid var(--dna-helix-primary)}.compatibility-indicator .indicator-dot{border:2px solid var(--color-gray-900)}}.genetic-profile-card,.genetic-data-viz,.premium-genetic-card{contain:layout style paint}.dna-helix{will-change:transform}.genetic-slider .slider-thumb{will-change:transform}.glass-surface{background:hsla(0,0%,100%,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.15);box-shadow:0 8px 32px 0 rgba(31,38,135,.2)}.glass-card{background:linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.08) 100%);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);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{background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid hsla(0,0%,100%,.2)}.neumorphism{background:#f0f0f0;box-shadow:8px 8px 16px #d1d1d1,-8px -8px 16px #fff;border-radius:20px}.neumorphism-inset{background:#f0f0f0;box-shadow:inset 8px 8px 16px #d1d1d1,inset -8px -8px 16px #fff;border-radius:20px}.soft-morphism{background:linear-gradient(145deg, #ffffff, #f0f0f0);box-shadow:5px 5px 10px rgba(0,0,0,.1),-5px -5px 10px hsla(0,0%,100%,.7);border-radius:16px}.gradient-genetic{background:var(--gradient-genetic)}.gradient-premium-dna{background:var(--gradient-premium-dna)}.gradient-science{background:var(--gradient-science)}.gradient-luxury{background:var(--gradient-luxury)}.gradient-text-genetic{background:var(--gradient-genetic);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.gradient-text-premium{background:var(--gradient-premium-dna);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.gradient-border{position:relative;background:#fff;border-radius:16px}.gradient-border::before{content:"";position:absolute;inset:0;padding:2px;background:var(--gradient-genetic);border-radius:16px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}.animate-glow{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{from{box-shadow:0 0 20px var(--dna-helix-primary)}to{box-shadow:0 0 30px var(--dna-helix-primary),0 0 40px var(--dna-helix-primary)}}.animate-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.animate-pulse-slow{animation:pulse-slow 4s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes pulse-slow{0%,100%{opacity:1}50%{opacity:.6}}.animate-bounce-in{animation:bounce-in .6s cubic-bezier(0.68, -0.55, 0.265, 1.55)}@keyframes bounce-in{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.95)}100%{opacity:1;transform:scale(1)}}.animate-slide-in-up{animation:slide-in-up .8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}@keyframes slide-in-up{0%{transform:translateY(100px);opacity:0}100%{transform:translateY(0);opacity:1}}.hover-lift{transition:transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.hover-lift:hover{transform:translateY(-8px)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px rgba(var(--color-primary-rgb), 0.4)}.hover-scale{transition:transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.hover-scale:hover{transform:scale(1.05)}.hover-tilt{transition:transform .3s ease}.hover-tilt:hover{transform:perspective(1000px) rotateY(10deg) rotateX(5deg)}.interactive-card{cursor:pointer;transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.interactive-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px rgba(0,0,0,.15)}.interactive-card:active{transform:translateY(-6px);transition-duration:.1s}.skeleton-loading{background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 2s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.pulse-loading{animation:pulse-loading 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes pulse-loading{0%,100%{opacity:1}50%{opacity:.5}}.spinner-dna{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top:4px solid var(--dna-helix-primary);border-radius:50%;animation:spinner-rotate 1s linear infinite}@keyframes spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.container-fluid{width:100%;padding-left:var(--space-lg);padding-right:var(--space-lg);margin-left:auto;margin-right:auto}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--space-lg)}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:var(--space-lg)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.m-xs{margin:var(--space-xs)}.mt-xs{margin-top:var(--space-xs)}.mr-xs{margin-right:var(--space-xs)}.mb-xs{margin-bottom:var(--space-xs)}.ml-xs{margin-left:var(--space-xs)}.mx-xs{margin-left:var(--space-xs);margin-right:var(--space-xs)}.my-xs{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.p-xs{padding:var(--space-xs)}.pt-xs{padding-top:var(--space-xs)}.pr-xs{padding-right:var(--space-xs)}.pb-xs{padding-bottom:var(--space-xs)}.pl-xs{padding-left:var(--space-xs)}.px-xs{padding-left:var(--space-xs);padding-right:var(--space-xs)}.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.m-sm{margin:var(--space-sm)}.mt-sm{margin-top:var(--space-sm)}.mr-sm{margin-right:var(--space-sm)}.mb-sm{margin-bottom:var(--space-sm)}.ml-sm{margin-left:var(--space-sm)}.mx-sm{margin-left:var(--space-sm);margin-right:var(--space-sm)}.my-sm{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.p-sm{padding:var(--space-sm)}.pt-sm{padding-top:var(--space-sm)}.pr-sm{padding-right:var(--space-sm)}.pb-sm{padding-bottom:var(--space-sm)}.pl-sm{padding-left:var(--space-sm)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.m-md{margin:var(--space-md)}.mt-md{margin-top:var(--space-md)}.mr-md{margin-right:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.ml-md{margin-left:var(--space-md)}.mx-md{margin-left:var(--space-md);margin-right:var(--space-md)}.my-md{margin-top:var(--space-md);margin-bottom:var(--space-md)}.p-md{padding:var(--space-md)}.pt-md{padding-top:var(--space-md)}.pr-md{padding-right:var(--space-md)}.pb-md{padding-bottom:var(--space-md)}.pl-md{padding-left:var(--space-md)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.m-lg{margin:var(--space-lg)}.mt-lg{margin-top:var(--space-lg)}.mr-lg{margin-right:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}.ml-lg{margin-left:var(--space-lg)}.mx-lg{margin-left:var(--space-lg);margin-right:var(--space-lg)}.my-lg{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.p-lg{padding:var(--space-lg)}.pt-lg{padding-top:var(--space-lg)}.pr-lg{padding-right:var(--space-lg)}.pb-lg{padding-bottom:var(--space-lg)}.pl-lg{padding-left:var(--space-lg)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.m-xl{margin:var(--space-xl)}.mt-xl{margin-top:var(--space-xl)}.mr-xl{margin-right:var(--space-xl)}.mb-xl{margin-bottom:var(--space-xl)}.ml-xl{margin-left:var(--space-xl)}.mx-xl{margin-left:var(--space-xl);margin-right:var(--space-xl)}.my-xl{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.p-xl{padding:var(--space-xl)}.pt-xl{padding-top:var(--space-xl)}.pr-xl{padding-right:var(--space-xl)}.pb-xl{padding-bottom:var(--space-xl)}.pl-xl{padding-left:var(--space-xl)}.px-xl{padding-left:var(--space-xl);padding-right:var(--space-xl)}.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.m-2xl{margin:var(--space-2xl)}.mt-2xl{margin-top:var(--space-2xl)}.mr-2xl{margin-right:var(--space-2xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.ml-2xl{margin-left:var(--space-2xl)}.mx-2xl{margin-left:var(--space-2xl);margin-right:var(--space-2xl)}.my-2xl{margin-top:var(--space-2xl);margin-bottom:var(--space-2xl)}.p-2xl{padding:var(--space-2xl)}.pt-2xl{padding-top:var(--space-2xl)}.pr-2xl{padding-right:var(--space-2xl)}.pb-2xl{padding-bottom:var(--space-2xl)}.pl-2xl{padding-left:var(--space-2xl)}.px-2xl{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}.py-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.m-3xl{margin:var(--space-3xl)}.mt-3xl{margin-top:var(--space-3xl)}.mr-3xl{margin-right:var(--space-3xl)}.mb-3xl{margin-bottom:var(--space-3xl)}.ml-3xl{margin-left:var(--space-3xl)}.mx-3xl{margin-left:var(--space-3xl);margin-right:var(--space-3xl)}.my-3xl{margin-top:var(--space-3xl);margin-bottom:var(--space-3xl)}.p-3xl{padding:var(--space-3xl)}.pt-3xl{padding-top:var(--space-3xl)}.pr-3xl{padding-right:var(--space-3xl)}.pb-3xl{padding-bottom:var(--space-3xl)}.pl-3xl{padding-left:var(--space-3xl)}.px-3xl{padding-left:var(--space-3xl);padding-right:var(--space-3xl)}.py-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}.m-4xl{margin:var(--space-4xl)}.mt-4xl{margin-top:var(--space-4xl)}.mr-4xl{margin-right:var(--space-4xl)}.mb-4xl{margin-bottom:var(--space-4xl)}.ml-4xl{margin-left:var(--space-4xl)}.mx-4xl{margin-left:var(--space-4xl);margin-right:var(--space-4xl)}.my-4xl{margin-top:var(--space-4xl);margin-bottom:var(--space-4xl)}.p-4xl{padding:var(--space-4xl)}.pt-4xl{padding-top:var(--space-4xl)}.pr-4xl{padding-right:var(--space-4xl)}.pb-4xl{padding-bottom:var(--space-4xl)}.pl-4xl{padding-left:var(--space-4xl)}.px-4xl{padding-left:var(--space-4xl);padding-right:var(--space-4xl)}.py-4xl{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}.m-5xl{margin:var(--space-5xl)}.mt-5xl{margin-top:var(--space-5xl)}.mr-5xl{margin-right:var(--space-5xl)}.mb-5xl{margin-bottom:var(--space-5xl)}.ml-5xl{margin-left:var(--space-5xl)}.mx-5xl{margin-left:var(--space-5xl);margin-right:var(--space-5xl)}.my-5xl{margin-top:var(--space-5xl);margin-bottom:var(--space-5xl)}.p-5xl{padding:var(--space-5xl)}.pt-5xl{padding-top:var(--space-5xl)}.pr-5xl{padding-right:var(--space-5xl)}.pb-5xl{padding-bottom:var(--space-5xl)}.pl-5xl{padding-left:var(--space-5xl)}.px-5xl{padding-left:var(--space-5xl);padding-right:var(--space-5xl)}.py-5xl{padding-top:var(--space-5xl);padding-bottom:var(--space-5xl)}.text-gradient{background:var(--gradient-genetic);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.text-shadow-soft{text-shadow:0 2px 4px rgba(0,0,0,.1)}.text-shadow-strong{text-shadow:0 4px 8px rgba(0,0,0,.2)}.font-weight-extra-light{font-weight:200}.font-weight-light{font-weight:var(--font-weight-light)}.font-weight-regular{font-weight:var(--font-weight-regular)}.font-weight-medium{font-weight:var(--font-weight-medium)}.font-weight-semibold{font-weight:var(--font-weight-semibold)}.font-weight-bold{font-weight:var(--font-weight-bold)}.font-weight-black{font-weight:var(--font-weight-black)}.letter-spacing-tight{letter-spacing:var(--letter-spacing-tight)}.letter-spacing-normal{letter-spacing:var(--letter-spacing-normal)}.letter-spacing-wide{letter-spacing:var(--letter-spacing-wide)}.letter-spacing-wider{letter-spacing:var(--letter-spacing-wider)}.text-dna-primary{color:var(--dna-helix-primary)}.text-dna-secondary{color:var(--dna-helix-secondary)}.text-dna-tertiary{color:var(--dna-helix-tertiary)}.text-compatibility-excellent{color:var(--compatibility-excellent)}.text-compatibility-good{color:var(--compatibility-good)}.text-compatibility-fair{color:var(--compatibility-fair)}.bg-dna-primary{background-color:var(--dna-helix-primary)}.bg-dna-secondary{background-color:var(--dna-helix-secondary)}.bg-dna-tertiary{background-color:var(--dna-helix-tertiary)}.border-dna-primary{border-color:var(--dna-helix-primary)}.border-dna-secondary{border-color:var(--dna-helix-secondary)}.icon-dna::before{content:"🧬";font-style:normal}.icon-microscope::before{content:"🔬";font-style:normal}.icon-brain::before{content:"🧠";font-style:normal}.icon-heart::before{content:"💖";font-style:normal}.icon-shield::before{content:"🛡️";font-style:normal}.icon-sparkles::before{content:"✨";font-style:normal}@media(max-width: 768px){.mobile-hidden{display:none}.mobile-only{display:block}.mobile-text-center{text-align:center}.mobile-text-left{text-align:left}.mobile-flex-column{flex-direction:column}.mobile-flex-column>*+*{margin-top:var(--space-md);margin-left:0}}@media(min-width: 769px){.desktop-only{display:block}.mobile-only{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), 0.5);border-radius:var(--radius-md)}@media(prefers-reduced-motion: reduce){.reduced-motion{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}.gpu-layer{will-change:transform;transform:translateZ(0)}.content-visibility-auto{content-visibility:auto;contain-intrinsic-size:0 400px}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}:root{--icon-xs: 12px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--icon-2xl: 48px;--icon-3xl: 64px;--icon-primary: var(--color-primary);--icon-secondary: var(--color-secondary);--icon-muted: var(--color-text-secondary);--icon-inverse: var(--color-white);--icon-success: var(--color-success);--icon-warning: var(--color-warning);--icon-danger: var(--color-danger);--icon-info: var(--color-info)}.icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-md);height:var(--icon-md);flex-shrink:0;vertical-align:middle}.icon svg{width:100%;height:100%;fill:currentColor;stroke:currentColor;stroke-width:0;transition:var(--transition-fast)}.icon::before{font-size:inherit;line-height:1}.icon--xs{width:var(--icon-xs);height:var(--icon-xs)}.icon--sm{width:var(--icon-sm);height:var(--icon-sm)}.icon--lg{width:var(--icon-lg);height:var(--icon-lg)}.icon--xl{width:var(--icon-xl);height:var(--icon-xl)}.icon--2xl{width:var(--icon-2xl);height:var(--icon-2xl)}.icon--3xl{width:var(--icon-3xl);height:var(--icon-3xl)}.icon--primary{color:var(--icon-primary)}.icon--secondary{color:var(--icon-secondary)}.icon--muted{color:var(--icon-muted)}.icon--inverse{color:var(--icon-inverse)}.icon--success{color:var(--icon-success)}.icon--warning{color:var(--icon-warning)}.icon--danger{color:var(--icon-danger)}.icon--info{color:var(--icon-info)}.icon--interactive{cursor:pointer;transition:var(--transition-smooth);border-radius:var(--radius-sm);padding:var(--space-xxs)}.icon--interactive:hover{background:rgba(var(--color-primary-rgb), 0.1);color:var(--color-primary);transform:scale(1.1)}.icon--interactive:active{transform:scale(0.95)}.icon--spin{animation:icon-spin 2s linear infinite}.icon--pulse{animation:icon-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.icon--bounce{animation:icon-bounce 1s infinite}@keyframes icon-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes icon-pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes icon-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-25%)}}.icon-text{display:inline-flex;align-items:center;gap:var(--space-xs)}.icon-text .icon{flex-shrink:0}.icon-text--top{align-items:flex-start}.icon-text--top .icon{margin-top:.125em}.icon-text--bottom{align-items:flex-end}.icon-text--bottom .icon{margin-bottom:.125em}.icon-text--tight{gap:var(--space-xxs)}.icon-text--loose{gap:var(--space-sm)}.icon-text--wide{gap:var(--space-md)}.icon-text--reverse{flex-direction:row-reverse}.icon-text--vertical{flex-direction:column;text-align:center;gap:var(--space-sm)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:rgba(0,0,0,0);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);color:var(--color-text-secondary)}.btn-icon:hover{background:var(--color-gray-100);color:var(--color-primary);transform:scale(1.05)}.btn-icon:active{transform:scale(0.95)}.btn-icon:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-icon--sm{width:32px;height:32px}.btn-icon--sm .icon{width:var(--icon-sm);height:var(--icon-sm)}.btn-icon--lg{width:56px;height:56px}.btn-icon--lg .icon{width:var(--icon-lg);height:var(--icon-lg)}.btn-icon--primary{background:var(--color-primary);color:var(--color-white)}.btn-icon--primary:hover{background:var(--color-primary-600);transform:scale(1.05)}.btn-icon--secondary{background:var(--color-secondary);color:var(--color-white)}.btn-icon--secondary:hover{background:var(--color-secondary-600);transform:scale(1.05)}.btn-icon--ghost{background:rgba(0,0,0,0);border:1px solid var(--border-color)}.btn-icon--ghost:hover{background:var(--color-gray-50);border-color:var(--color-primary)}.btn-icon--glass{background:var(--glass-bg-light);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);color:var(--color-white)}.btn-icon--glass:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.btn-icon--round{border-radius:50%}.btn-icon--square{border-radius:var(--radius-sm)}.icon-badge{position:relative;display:inline-flex}.icon-badge .badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:var(--color-danger);color:var(--color-white);font-size:10px;font-weight:var(--font-weight-bold);line-height:1;display:flex;align-items:center;justify-content:center;border-radius:9px;border:2px solid var(--color-white)}.icon-badge .badge--dot{width:12px;height:12px;min-width:auto;padding:0;border-radius:50%;top:-2px;right:-2px}.icon-badge .badge--success{background:var(--color-success)}.icon-badge .badge--warning{background:var(--color-warning)}.icon-badge .badge--info{background:var(--color-info)}.icon-badge .badge--pulse{animation:badge-pulse 2s infinite}@keyframes badge-pulse{0%{box-shadow:0 0 0 0 rgba(var(--color-danger-rgb), 0.7)}70%{box-shadow:0 0 0 10px rgba(var(--color-danger-rgb), 0)}100%{box-shadow:0 0 0 0 rgba(var(--color-danger-rgb), 0)}}.icon-dna--helix{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;animation:dna-rotate 3s linear infinite}.icon-dna--heart{color:var(--color-secondary);animation:heart-beat 1.5s ease-in-out infinite}.icon-dna--match{background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;animation:match-glow 2s ease-in-out infinite}.icon-dna--compatibility{position:relative}.icon-dna--compatibility::after{content:"";position:absolute;inset:-2px;background:var(--gradient-primary);border-radius:50%;z-index:-1;animation:compatibility-ring 3s linear infinite}@keyframes dna-rotate{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}@keyframes heart-beat{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes match-glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes compatibility-ring{0%{transform:rotate(0deg) scale(1);opacity:1}100%{transform:rotate(360deg) scale(1.2);opacity:0}}.icon-loading--spinner{animation:spinner-rotate 1s linear infinite}.icon-loading--dots{display:inline-flex;gap:2px}.icon-loading--dots::before,.icon-loading--dots::after{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;animation:dots-bounce 1.4s ease-in-out infinite}.icon-loading--dots::before{animation-delay:-0.32s}.icon-loading--dots::after{animation-delay:-0.16s}.icon-loading--dots span{width:4px;height:4px;border-radius:50%;background:currentColor;animation:dots-bounce 1.4s ease-in-out infinite}.icon-loading--pulse-ring{position:relative}.icon-loading--pulse-ring::before{content:"";position:absolute;inset:-8px;border:2px solid currentColor;border-radius:50%;opacity:0;animation:pulse-ring 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite}@keyframes spinner-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes dots-bounce{0%,80%,100%{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes pulse-ring{0%{transform:scale(0.33);opacity:1}80%,100%{transform:scale(1);opacity:0}}.icon-container{display:inline-flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--radius-md);transition:var(--transition-smooth)}.icon-container--sm{width:32px;height:32px;border-radius:var(--radius-sm)}.icon-container--md{width:48px;height:48px}.icon-container--lg{width:64px;height:64px;border-radius:var(--radius-lg)}.icon-container--xl{width:80px;height:80px;border-radius:var(--radius-xl)}.icon-container--primary{background:var(--color-primary);color:var(--color-white)}.icon-container--secondary{background:var(--color-secondary);color:var(--color-white)}.icon-container--gradient{background:var(--gradient-primary);color:var(--color-white)}.icon-container--glass{background:var(--glass-bg-light);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);color:var(--color-white)}.icon-container--outline{background:rgba(0,0,0,0);border:2px solid var(--color-primary);color:var(--color-primary)}.icon-container--round{border-radius:50%}.icon-container--square{border-radius:var(--radius-sm)}.icon-container--interactive{cursor:pointer}.icon-container--interactive:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.icon-container--interactive:active{transform:scale(0.95)}@media(max-width: 767px){.icon--sm{width:calc(var(--icon-sm) + 2px);height:calc(var(--icon-sm) + 2px)}.icon--md{width:calc(var(--icon-md) + 2px);height:calc(var(--icon-md) + 2px)}.btn-icon{min-width:44px;min-height:44px}.icon-text--vertical{gap:var(--space-xs)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@media(prefers-contrast: high){.icon--interactive{border:1px solid rgba(0,0,0,0)}.icon--interactive:hover{border-color:currentColor}.btn-icon{border:1px solid var(--border-color)}.btn-icon:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}}@media(prefers-reduced-motion: reduce){.icon--spin,.icon--pulse,.icon--bounce{animation:none}.icon-dna--helix,.icon-dna--heart,.icon-dna--match,.icon-dna--compatibility{animation:none}.icon-loading--spinner,.icon-loading--dots,.icon-loading--pulse-ring{animation:none}.icon-loading--dots::before,.icon-loading--dots::after,.icon-loading--dots span{animation:none}}.dna-background{position:relative;overflow:hidden}.dna-background::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%, rgba(15, 117, 189, 0.1) 0%, transparent 50%),radial-gradient(circle at 75% 75%, rgba(247, 44, 147, 0.1) 0%, transparent 50%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%23f72c93' stroke-width='1' stroke-opacity='0.05'%3E%3Cpath d='M15,15 Q30,30 45,15 Q30,45 15,45 Q30,30 45,45'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:300px 300px,400px 400px,60px 60px;background-position:0 0,100px 100px,0 0;animation:dna-background-flow 30s linear infinite;opacity:.6;z-index:-1}.dna-background--animated::before{animation:dna-background-flow 20s linear infinite,dna-background-pulse 8s ease-in-out infinite}.dna-background--subtle::before{opacity:.3;background-size:200px 200px,300px 300px,40px 40px}.dna-background--intense::before{opacity:.8;background-size:400px 400px,500px 500px,80px 80px}@keyframes dna-background-flow{0%{transform:translate(0, 0) rotate(0deg)}33%{transform:translate(-30px, -30px) rotate(120deg)}66%{transform:translate(30px, -30px) rotate(240deg)}100%{transform:translate(0, 0) rotate(360deg)}}@keyframes dna-background-pulse{0%,100%{opacity:.6}50%{opacity:.3}}.particle-container{position:relative;overflow:hidden}.particle-container .particle{position:absolute;border-radius:50%;opacity:0;pointer-events:none;animation:particle-float 8s linear infinite}.particle-container .particle--xs{width:2px;height:2px}.particle-container .particle--sm{width:4px;height:4px}.particle-container .particle--md{width:6px;height:6px}.particle-container .particle--lg{width:8px;height:8px}.particle-container .particle--primary{background:var(--color-primary);box-shadow:0 0 10px rgba(var(--color-primary-rgb), 0.5)}.particle-container .particle--secondary{background:var(--color-secondary);box-shadow:0 0 10px rgba(var(--color-secondary-rgb), 0.5)}.particle-container .particle--white{background:hsla(0,0%,100%,.8);box-shadow:0 0 10px hsla(0,0%,100%,.3)}.particle-container .particle:nth-child(1){animation-delay:0s;left:10%}.particle-container .particle:nth-child(2){animation-delay:1s;left:20%}.particle-container .particle:nth-child(3){animation-delay:2s;left:30%}.particle-container .particle:nth-child(4){animation-delay:3s;left:40%}.particle-container .particle:nth-child(5){animation-delay:4s;left:50%}.particle-container .particle:nth-child(6){animation-delay:5s;left:60%}.particle-container .particle:nth-child(7){animation-delay:6s;left:70%}.particle-container .particle:nth-child(8){animation-delay:7s;left:80%}.particle-container .particle:nth-child(9){animation-delay:.5s;left:90%}.particle-container .particle:nth-child(10){animation-delay:1.5s;left:15%}@keyframes particle-float{0%{transform:translateY(100vh) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100px) translateX(var(--particle-drift, 0));opacity:0}}.dna-strand{position:relative;height:200px;width:4px;margin:0 auto}.dna-strand .strand-segment{position:absolute;width:100%;height:20px;background:linear-gradient(to bottom, var(--color-primary), var(--color-secondary));border-radius:2px;animation:strand-twist 3s ease-in-out infinite}.dna-strand .strand-segment:nth-child(1){top:0;animation-delay:0s}.dna-strand .strand-segment:nth-child(2){top:20px;animation-delay:.2s}.dna-strand .strand-segment:nth-child(3){top:40px;animation-delay:.4s}.dna-strand .strand-segment:nth-child(4){top:60px;animation-delay:.6s}.dna-strand .strand-segment:nth-child(5){top:80px;animation-delay:.8s}.dna-strand .strand-segment:nth-child(6){top:100px;animation-delay:1s}.dna-strand .strand-segment:nth-child(7){top:120px;animation-delay:1.2s}.dna-strand .strand-segment:nth-child(8){top:140px;animation-delay:1.4s}.dna-strand .strand-segment:nth-child(9){top:160px;animation-delay:1.6s}.dna-strand .strand-segment:nth-child(10){top:180px;animation-delay:1.8s}.dna-strand .base-pair{position:absolute;width:30px;height:2px;background:var(--color-accent);left:50%;transform:translateX(-50%);border-radius:1px;animation:base-pair-pulse 2s ease-in-out infinite}.dna-strand .base-pair:nth-child(odd){animation-delay:0s}.dna-strand .base-pair:nth-child(even){animation-delay:1s}@keyframes strand-twist{0%,100%{transform:rotateY(0deg) scaleX(1);background:linear-gradient(to bottom, var(--color-primary), var(--color-secondary))}50%{transform:rotateY(180deg) scaleX(0.8);background:linear-gradient(to bottom, var(--color-secondary), var(--color-primary))}}@keyframes base-pair-pulse{0%,100%{opacity:.6;transform:translateX(-50%) scaleX(1)}50%{opacity:1;transform:translateX(-50%) scaleX(1.2)}}.genetic-constellation{position:relative;min-height:400px}.genetic-constellation .constellation-point{position:absolute;width:6px;height:6px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 10px rgba(var(--color-primary-rgb), 0.8);animation:constellation-twinkle 3s ease-in-out infinite}.genetic-constellation .constellation-point:nth-child(1){top:20%;left:15%;animation-delay:0s}.genetic-constellation .constellation-point:nth-child(2){top:30%;left:85%;animation-delay:.5s}.genetic-constellation .constellation-point:nth-child(3){top:60%;left:25%;animation-delay:1s}.genetic-constellation .constellation-point:nth-child(4){top:80%;left:70%;animation-delay:1.5s}.genetic-constellation .constellation-point:nth-child(5){top:15%;left:60%;animation-delay:2s}.genetic-constellation .constellation-point:nth-child(6){top:45%;left:10%;animation-delay:2.5s}.genetic-constellation .constellation-point:nth-child(7){top:70%;left:90%;animation-delay:3s}.genetic-constellation .constellation-point:nth-child(8){top:35%;left:45%;animation-delay:3.5s}.genetic-constellation .constellation-point::before{content:"";position:absolute;top:50%;left:50%;width:var(--connection-length, 50px);height:1px;background:linear-gradient(90deg, rgba(var(--color-primary-rgb), 0.3) 0%, transparent 100%);transform:translate(-50%, -50%) rotate(var(--connection-angle, 45deg));animation:connection-pulse 4s ease-in-out infinite;animation-delay:inherit}@keyframes constellation-twinkle{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes connection-pulse{0%,100%{opacity:.1;transform:translate(-50%, -50%) rotate(var(--connection-angle, 45deg)) scaleX(1)}50%{opacity:.6;transform:translate(-50%, -50%) rotate(var(--connection-angle, 45deg)) scaleX(1.2)}}.compatibility-visual{position:relative;width:200px;height:200px;margin:0 auto}.compatibility-visual .compatibility-ring{position:absolute;inset:0;border:3px solid rgba(0,0,0,0);border-radius:50%;animation:compatibility-spin 4s linear infinite}.compatibility-visual .compatibility-ring--outer{border-color:var(--color-primary) rgba(0,0,0,0) var(--color-primary) rgba(0,0,0,0);animation-duration:6s}.compatibility-visual .compatibility-ring--middle{inset:20px;border-color:rgba(0,0,0,0) var(--color-secondary) rgba(0,0,0,0) var(--color-secondary);animation-duration:4s;animation-direction:reverse}.compatibility-visual .compatibility-ring--inner{inset:40px;border-color:var(--color-accent) rgba(0,0,0,0) var(--color-accent) rgba(0,0,0,0);animation-duration:3s}.compatibility-visual .compatibility-center{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-white);box-shadow:var(--shadow-lg);animation:compatibility-pulse 2s ease-in-out infinite}.compatibility-visual .genetic-marker{position:absolute;width:8px;height:8px;background:var(--color-success);border-radius:50%;box-shadow:0 0 8px rgba(var(--color-success-rgb), 0.6);animation:marker-orbit 8s linear infinite}.compatibility-visual .genetic-marker:nth-child(1){top:10px;left:50%;animation-delay:0s}.compatibility-visual .genetic-marker:nth-child(2){top:50%;right:10px;animation-delay:2s}.compatibility-visual .genetic-marker:nth-child(3){bottom:10px;left:50%;animation-delay:4s}.compatibility-visual .genetic-marker:nth-child(4){top:50%;left:10px;animation-delay:6s}@keyframes compatibility-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes compatibility-pulse{0%,100%{transform:translate(-50%, -50%) scale(1);box-shadow:var(--shadow-lg)}50%{transform:translate(-50%, -50%) scale(1.05);box-shadow:var(--shadow-xl)}}@keyframes marker-orbit{from{transform:rotate(0deg) translateX(90px) rotate(0deg)}to{transform:rotate(360deg) translateX(90px) rotate(-360deg)}}.hero-dna-effects{position:relative;min-height:100vh;overflow:hidden}.hero-dna-effects::before{content:"";position:absolute;inset:-20%;background-image:radial-gradient(circle at 20% 20%, rgba(15, 117, 189, 0.15) 0%, transparent 50%),radial-gradient(circle at 80% 80%, rgba(247, 44, 147, 0.15) 0%, transparent 50%),radial-gradient(circle at 60% 40%, rgba(124, 77, 255, 0.1) 0%, transparent 50%);animation:hero-dna-flow 20s ease-in-out infinite;z-index:-1}.hero-dna-effects .genetic-element{position:absolute;opacity:.1;animation:genetic-float 15s ease-in-out infinite}.hero-dna-effects .genetic-element--helix{width:100px;height:200px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20,20 Q50,100 80,180' fill='none' stroke='%230F75BD' stroke-width='3'/%3E%3Cpath d='M80,20 Q50,100 20,180' fill='none' stroke='%23F72C93' stroke-width='3'/%3E%3C/svg%3E") no-repeat;background-size:contain;top:20%;left:10%;animation-delay:0s}.hero-dna-effects .genetic-element--molecule{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;top:60%;right:15%;animation-delay:5s}.hero-dna-effects .genetic-element--strand{width:150px;height:4px;background:var(--gradient-secondary);border-radius:2px;top:40%;left:70%;animation-delay:10s;transform-origin:left center}@keyframes hero-dna-flow{0%,100%{transform:translate(0, 0) rotate(0deg)}33%{transform:translate(-2%, -2%) rotate(5deg)}66%{transform:translate(2%, -1%) rotate(-3deg)}}@keyframes genetic-float{0%,100%{transform:translateY(0) rotate(0deg);opacity:.1}50%{transform:translateY(-20px) rotate(180deg);opacity:.3}}.chemistry-reaction{position:relative;padding:var(--space-xl)}.chemistry-reaction .chemical-bond{position:absolute;width:2px;height:60px;background:var(--gradient-primary);animation:bond-vibration 1.5s ease-in-out infinite;transform-origin:center}.chemistry-reaction .chemical-bond:nth-child(1){top:20%;left:30%;animation-delay:0s}.chemistry-reaction .chemical-bond:nth-child(2){top:40%;right:25%;animation-delay:.3s}.chemistry-reaction .chemical-bond:nth-child(3){bottom:30%;left:60%;animation-delay:.6s}.chemistry-reaction .chemical-bond::before,.chemistry-reaction .chemical-bond::after{content:"";position:absolute;width:12px;height:12px;background:var(--color-secondary);border-radius:50%;box-shadow:0 0 10px rgba(var(--color-secondary-rgb), 0.5)}.chemistry-reaction .chemical-bond::before{top:-6px;left:-5px}.chemistry-reaction .chemical-bond::after{bottom:-6px;left:-5px}.chemistry-reaction .love-spark{position:absolute;width:4px;height:4px;background:var(--color-secondary);border-radius:50%;animation:spark-twinkle 2s ease-in-out infinite}.chemistry-reaction .love-spark:nth-child(even){animation-delay:1s}@keyframes bond-vibration{0%,100%{transform:rotate(-2deg) scaleY(1)}50%{transform:rotate(2deg) scaleY(1.1)}}@keyframes spark-twinkle{0%,100%{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@media(max-width: 767px){.dna-background::before{background-size:200px 200px,250px 250px,40px 40px}.particle-container .particle:nth-child(n+6){display:none}.genetic-constellation{min-height:300px}.genetic-constellation .constellation-point:nth-child(n+6){display:none}.compatibility-visual{width:150px;height:150px}.compatibility-visual .compatibility-center{width:60px;height:60px;font-size:var(--font-size-xl)}.hero-dna-effects .genetic-element--helix{width:60px;height:120px}.hero-dna-effects .genetic-element--molecule{width:50px;height:50px}.hero-dna-effects .genetic-element--strand{width:100px;height:3px}}@media(prefers-reduced-motion: reduce){.dna-background,.particle-container .particle,.dna-strand .strand-segment,.genetic-constellation .constellation-point,.compatibility-visual .compatibility-ring,.hero-dna-effects::before,.chemistry-reaction .chemical-bond,.chemistry-reaction .love-spark{animation:none !important}.genetic-element{opacity:.05 !important;transform:none !important}}.performance-mode .dna-background::before,.performance-mode .hero-dna-effects::before{animation-duration:60s;will-change:auto}.performance-mode .particle-container .particle{animation-duration:20s}.performance-mode .genetic-constellation .constellation-point::before,.performance-mode .chemistry-reaction .chemical-bond,.performance-mode .chemistry-reaction .love-spark{display:none}.dna-background::before,.particle-container .particle,.compatibility-visual .compatibility-ring,.hero-dna-effects::before{will-change:transform;transform:translateZ(0)}.btn-dna{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--button-padding-y) var(--button-padding-x);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--button-font-weight);line-height:var(--line-height-tight);text-decoration:none;border:var(--border-thin) solid rgba(0,0,0,0);border-radius:var(--button-border-radius);cursor:pointer;transition:var(--button-transition);position:relative;overflow:hidden}.btn-dna::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.2);border-radius:50%;transform:translate(-50%, -50%);transition:width .6s,height .6s}.btn-dna:hover::before{width:300px;height:300px}.btn-dna--primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-primary)}.btn-dna--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(15,117,189,.4)}.btn-dna--secondary{background:var(--gradient-secondary);color:var(--color-white);box-shadow:var(--shadow-secondary)}.btn-dna--secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(247,44,147,.4)}.btn-dna--ghost{background:rgba(0,0,0,0);color:var(--color-primary);border-color:var(--color-primary)}.btn-dna--ghost:hover{background:var(--color-primary);color:var(--color-white)}.btn-dna--glass{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);color:var(--color-white)}.btn-dna--glass:hover{background:hsla(0,0%,100%,.2)}.btn-dna--sm{padding:var(--space-xxs) var(--space-md);font-size:var(--font-size-sm)}.btn-dna--lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg)}.btn-dna:disabled{opacity:.5;cursor:not-allowed;transform:none !important}.btn-dna--loading{color:rgba(0,0,0,0)}.btn-dna--loading::after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid var(--color-white);border-radius:50%;border-top-color:rgba(0,0,0,0);animation:btn-loading-spinner .8s linear infinite}@keyframes btn-loading-spinner{to{transform:rotate(360deg)}}.card-dna,.match-card{background:var(--color-surface);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);transition:var(--transition-default);position:relative;overflow:hidden;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.card-dna:hover,.match-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-dna--glass{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.card-dna--gradient-border{background:var(--color-surface);background-clip:padding-box;border:2px solid rgba(0,0,0,0)}.card-dna--gradient-border::before{content:"";position:absolute;inset:0;border-radius:var(--card-radius);padding:2px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.card-dna--premium{background:var(--gradient-premium);color:var(--color-white)}.card-dna--premium::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);transform:rotate(45deg);animation:shimmer 3s infinite}.card-dna__header{margin-bottom:var(--space-md)}.card-dna__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.card-dna__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.card-dna__body{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.card-dna__footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:var(--border-thin) solid var(--border-color)}@keyframes shimmer{0%{transform:translateX(-100%) rotate(45deg)}100%{transform:translateX(100%) rotate(45deg)}}.match-card{position:relative;overflow:visible}.match-card__compatibility{position:absolute;top:var(--space-md);right:var(--space-md);width:60px;height:60px;border-radius:50%;background:var(--gradient-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-lg)}.match-card__compatibility--high{background:var(--gradient-success)}.match-card__compatibility--medium{background:linear-gradient(135deg, var(--color-warning) 0%, #FFB74D 100%)}.match-card__avatar{width:100%;height:200px;border-radius:var(--radius-lg);object-fit:cover;margin-bottom:var(--space-md)}.match-card__info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.match-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.match-card__age{color:var(--color-text-secondary)}.match-card__badges{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-top:var(--space-sm)}.match-card__badge{display:inline-flex;align-items:center;gap:var(--space-xxs);padding:var(--space-xxs) var(--space-sm);background:var(--color-gray-100);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs)}.match-card__badge--verified{background:rgba(76,175,80,.1);color:var(--color-success)}.match-card__badge--premium{background:rgba(255,215,0,.1);color:#f57c00}.input-dna{position:relative;margin-bottom:var(--space-lg)}.input-dna__field{width:100%;padding:var(--input-padding-y) var(--input-padding-x);padding-top:calc(var(--input-padding-y) + 12px);font-family:var(--font-primary);font-size:var(--font-size-base);border:var(--border-thin) solid var(--input-border-color);border-radius:var(--input-border-radius);background:var(--color-surface);transition:var(--transition-fast)}.input-dna__field:focus{outline:none;border-color:var(--input-focus-color);box-shadow:var(--input-focus-shadow)}.input-dna__field:focus+.input-dna__label,.input-dna__field:not(:placeholder-shown)+.input-dna__label{top:8px;font-size:var(--font-size-xs);color:var(--input-focus-color)}.input-dna__label{position:absolute;left:var(--input-padding-x);top:50%;transform:translateY(-50%);font-size:var(--font-size-base);color:var(--color-text-secondary);transition:var(--transition-fast);pointer-events:none;background:var(--color-surface);padding:0 var(--space-xxs)}.input-dna__helper{margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.input-dna__error{color:var(--color-danger)}.input-dna--glass .input-dna__field{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.feature-card{text-align:center;padding:var(--space-xl);transition:var(--transition-default)}.feature-card__icon{width:80px;height:80px;margin:0 auto var(--space-lg);background:var(--gradient-primary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-white);box-shadow:var(--shadow-lg);transition:var(--transition-default)}.feature-card:hover .feature-card__icon{transform:scale(1.1) rotate(5deg)}.feature-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm);color:var(--color-text-primary)}.feature-card__description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.stat-card{text-align:center}.stat-card__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;line-height:1;margin-bottom:var(--space-xs)}.stat-card__label{font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.stat-card__trend{display:inline-flex;align-items:center;gap:var(--space-xxs);margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-success)}.stat-card__trend--up{color:var(--color-success)}.stat-card__trend--down{color:var(--color-danger)}.hero-dna{position:relative;min-height:600px;display:flex;align-items:center;padding:var(--space-section) 0;overflow:hidden}.hero-dna::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50,30 Q60,50 50,70 Q40,50 50,30' fill='none' stroke='%23f72c93' stroke-width='0.5' opacity='0.1'/%3E%3C/svg%3E");background-size:100px 100px;animation:dna-float 20s linear infinite;opacity:.1}.hero-dna__content{position:relative;z-index:1}.hero-dna__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);margin-bottom:var(--space-lg);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.hero-dna__subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-xl);max-width:600px}.hero-dna__cta{display:flex;gap:var(--space-md);flex-wrap:wrap}.hero-dna__image{position:absolute;right:0;top:50%;transform:translateY(-50%);width:50%;height:auto;opacity:.1}@media(min-width: 768px){.hero-dna__image{opacity:1}}@keyframes dna-float{0%{transform:translate(0, 0) rotate(0deg)}100%{transform:translate(-100px, -100px) rotate(360deg)}}.nav-dna{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:var(--nav-background);backdrop-filter:var(--nav-backdrop-filter);-webkit-backdrop-filter:var(--nav-backdrop-filter);box-shadow:var(--shadow-sm);z-index:var(--z-sticky);transition:var(--transition-default)}.nav-dna--scrolled{background:hsla(0,0%,100%,.98);box-shadow:var(--shadow-md)}.nav-dna__container{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);max-width:var(--container-xl);margin:0 auto}.nav-dna__logo{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-decoration:none}.nav-dna__logo img{height:40px;width:auto}.nav-dna__menu{display:flex;align-items:center;gap:var(--space-xl);list-style:none;margin:0;padding:0}.nav-dna__link{color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-fast);position:relative}.nav-dna__link::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--duration-fast) var(--ease-out)}.nav-dna__link:hover::after,.nav-dna__link--active::after{width:100%}.nav-dna__actions{display:flex;align-items:center;gap:var(--space-md)}.modal-dna{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);opacity:0;visibility:hidden;transition:var(--transition-default)}.modal-dna--open{opacity:1;visibility:visible}.modal-dna__backdrop{position:absolute;inset:0;background:var(--modal-backdrop);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-dna__content{position:relative;background:var(--color-surface);border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);max-width:500px;width:100%;max-height:90vh;overflow:auto;transform:scale(0.9);transition:transform var(--duration-normal) var(--ease-bounce)}.modal-dna--open .modal-dna__content{transform:scale(1)}.modal-dna__header{padding:var(--space-xl) var(--space-xl) 0}.modal-dna__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.modal-dna__body{padding:var(--space-lg) var(--space-xl)}.modal-dna__footer{padding:0 var(--space-xl) var(--space-xl);display:flex;gap:var(--space-md);justify-content:flex-end}.modal-dna__close{position:absolute;top:var(--space-md);right:var(--space-md);width:40px;height:40px;border-radius:50%;border:none;background:var(--color-gray-100);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.modal-dna__close:hover{background:var(--color-gray-200);transform:rotate(90deg)}.skeleton{background:linear-gradient(90deg, var(--color-gray-200) 25%, var(--color-gray-100) 50%, var(--color-gray-200) 75%);background-size:400% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton--text{height:1em;margin-bottom:var(--space-xs)}.skeleton--text:last-child{width:80%}.skeleton--title{height:2em;width:60%;margin-bottom:var(--space-md)}.skeleton--avatar{width:60px;height:60px;border-radius:50%}.skeleton--card{height:300px}@keyframes skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.glass-effect{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.hover-lift{transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-glass,.panel-glass{background:hsla(0,0%,100%,.05);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-xl);box-shadow:0 4px 20px 0 rgba(0,0,0,.1);transition:all var(--duration-normal) var(--ease-out)}.card-glass:hover,.panel-glass:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15);box-shadow:0 8px 30px 0 rgba(0,0,0,.15);transform:translateY(-2px)}.card-glass--dark{background:rgba(0,0,0,.1);border-color:hsla(0,0%,100%,.1)}.card-glass--dark:hover{background:rgba(0,0,0,.15)}.card-glass--colored{background:rgba(15,117,189,.1);border-color:rgba(15,117,189,.3)}.card-glass--colored:hover{background:rgba(15,117,189,.15);border-color:rgba(15,117,189,.4)}.panel-glass{padding:var(--space-xl);margin-bottom:var(--space-lg)}.form-floating-dna{position:relative;margin-bottom:var(--space-lg)}.form-floating-dna .form-control{height:calc(3.5rem + 2px);padding:1rem var(--space-md);font-size:var(--font-size-base);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:hsla(0,0%,100%,.9);transition:all var(--duration-fast) var(--ease-out)}.form-floating-dna .form-control::placeholder{color:rgba(0,0,0,0)}.form-floating-dna .form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(15,117,189,.1);background:var(--color-white)}.form-floating-dna .form-control:focus~label,.form-floating-dna .form-control:not(:placeholder-shown)~label{opacity:1;transform:translateY(-1.5rem) scale(0.85);color:var(--color-primary)}.form-floating-dna .form-control.is-invalid{border-color:var(--color-danger)}.form-floating-dna .form-control.is-invalid:focus{box-shadow:0 0 0 4px rgba(244,67,54,.1)}.form-floating-dna label{position:absolute;top:1rem;left:var(--space-md);font-size:var(--font-size-base);color:var(--color-text-secondary);pointer-events:none;transform-origin:0 0;transition:all var(--duration-fast) var(--ease-out);background:linear-gradient(to bottom, transparent 0%, transparent 40%, white 40%, white 100%);padding:0 var(--space-xs)}.form-floating-dna.form-floating-glass .form-control{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:hsla(0,0%,100%,.2);color:var(--color-white)}.form-floating-dna.form-floating-glass .form-control:focus{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.4)}.form-floating-dna.form-floating-glass label{color:hsla(0,0%,100%,.8);background:rgba(0,0,0,0)}.skeleton-loader{position:relative;overflow:hidden;background:var(--color-gray-100)}.skeleton-loader::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));animation:shimmer 2s infinite}.skeleton-loader--text{height:1rem;border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.skeleton-loader--text:last-child{width:60%}.skeleton-loader--title{height:2rem;width:50%;border-radius:var(--radius-md);margin-bottom:var(--space-md)}.skeleton-loader--avatar{width:80px;height:80px;border-radius:50%}.skeleton-loader--button{height:48px;width:120px;border-radius:var(--radius-md)}.skeleton-loader--card{height:320px;border-radius:var(--radius-xl)}.skeleton-loader--image{width:100%;height:200px;border-radius:var(--radius-lg)}@keyframes shimmer{100%{transform:translateX(100%)}}.hero-modern{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.hero-modern::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%, rgba(247, 44, 147, 0.3) 0%, transparent 50%),radial-gradient(circle at 80% 20%, rgba(15, 117, 189, 0.3) 0%, transparent 50%),radial-gradient(circle at 40% 40%, rgba(124, 77, 255, 0.2) 0%, transparent 50%);animation:gradient-animation 15s ease infinite}.hero-modern__content{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center;padding:var(--space-xl)}.hero-modern__title{font-size:clamp(2.5rem,8vw,5rem);font-weight:var(--font-weight-black);color:var(--color-white);margin-bottom:var(--space-lg);animation:fadeInUp 1s ease-out;line-height:1.2}.hero-modern__title span{background:linear-gradient(to right, #FFD700, #FFA000);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.hero-modern__subtitle{font-size:clamp(1.2rem,3vw,1.5rem);color:hsla(0,0%,100%,.9);margin-bottom:var(--space-2xl);animation:fadeInUp 1s ease-out .2s both;line-height:1.6}.hero-modern__cta{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .4s both}.hero-modern__scroll{position:absolute;bottom:var(--space-xl);left:50%;transform:translateX(-50%);color:var(--color-white);font-size:1.5rem;cursor:pointer;opacity:.6;transition:all var(--duration-fast)}.hero-modern__scroll:hover{opacity:1;transform:translateX(-50%) translateY(-4px)}.hero-modern__shape{position:absolute;opacity:.03;pointer-events:none}.hero-modern__shape--1{top:10%;left:10%;width:100px;height:100px;background:var(--color-secondary);border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.hero-modern__shape--2{top:60%;right:10%;width:150px;height:150px;background:var(--color-primary);border-radius:63% 37% 54% 46%/55% 48% 52% 45%}.hero-modern__shape--3{bottom:10%;left:30%;width:80px;height:80px;background:var(--color-accent);border-radius:41% 59% 41% 59%/41% 59% 41% 59%}@keyframes gradient-animation{0%{transform:translate(0, 0) rotate(0deg)}33%{transform:translate(-20px, -20px) rotate(120deg)}66%{transform:translate(20px, -20px) rotate(240deg)}100%{transform:translate(0, 0) rotate(360deg)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn-hover-fill{position:relative;overflow:hidden;transition:all var(--duration-normal) var(--ease-out);z-index:1}.btn-hover-fill::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:hsla(0,0%,100%,.2);transition:all var(--duration-normal) var(--ease-out);z-index:-1}.btn-hover-fill:hover::before{width:100%}.btn-hover-fill:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.btn-hover-slide{position:relative;overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.btn-hover-slide span{position:relative;z-index:2}.btn-hover-slide::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);transition:left var(--duration-normal) var(--ease-out);z-index:1}.btn-hover-slide:hover::before{left:0}.btn-hover-slide:hover{color:var(--color-white)}.btn-hover-glow{transition:all var(--duration-normal) var(--ease-out)}.btn-hover-glow:hover{box-shadow:0 0 20px rgba(var(--color-primary-rgb), 0.5);transform:translateY(-2px)}.btn-hover-pulse{position:relative}.btn-hover-pulse::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:inherit;background:var(--color-primary);opacity:0;transform:translate(-50%, -50%);transition:all var(--duration-slow) var(--ease-out)}.btn-hover-pulse:hover::before{animation:pulse-grow 1s ease-out infinite}@keyframes pulse-grow{0%{opacity:.5;transform:translate(-50%, -50%) scale(0.9)}50%{opacity:0;transform:translate(-50%, -50%) scale(1.5)}100%{opacity:0;transform:translate(-50%, -50%) scale(1.5)}}.micro-interaction{transition:all var(--duration-fast) var(--ease-out);cursor:pointer}.micro-interaction:active{transform:scale(0.95)}.dna-helix-loader{width:100px;height:100px;position:relative;margin:0 auto}.dna-helix-loader .helix{width:100%;height:100%;position:relative;animation:rotate 2s linear infinite}.dna-helix-loader .helix .strand{position:absolute;width:100%;height:100%;border-radius:50%}.dna-helix-loader .helix .strand:nth-child(1){border:3px solid rgba(0,0,0,0);border-left-color:var(--color-primary);border-right-color:var(--color-primary);animation:strand1 1.5s ease-in-out infinite}.dna-helix-loader .helix .strand:nth-child(2){border:3px solid rgba(0,0,0,0);border-top-color:var(--color-secondary);border-bottom-color:var(--color-secondary);animation:strand2 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes strand1{0%,100%{transform:rotateX(0deg) rotateY(0deg)}50%{transform:rotateX(180deg) rotateY(0deg)}}@keyframes strand2{0%,100%{transform:rotateX(90deg) rotateY(0deg)}50%{transform:rotateX(90deg) rotateY(180deg)}}.grid-dna{display:grid;gap:var(--grid-gutter)}.grid-dna--2{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}.grid-dna--3{grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}.grid-dna--4{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}@media(min-width: 768px){.grid-dna--md-2{grid-template-columns:repeat(2, 1fr)}.grid-dna--md-3{grid-template-columns:repeat(3, 1fr)}.grid-dna--md-4{grid-template-columns:repeat(4, 1fr)}}:root{--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}.text-display{font-family:var(--font-secondary);font-size:var(--text-display);font-weight:var(--font-weight-black);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-display);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-hero{font-family:var(--font-secondary);font-size:var(--text-hero);font-weight:var(--font-weight-bold);line-height:var(--line-height-hero);letter-spacing:var(--letter-spacing-hero);color:var(--color-text-primary);text-rendering:optimizeLegibility}.text-hero--gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.text-lead{font-size:var(--text-lead);font-weight:var(--font-weight-medium);line-height:var(--line-height-body);color:var(--color-text-secondary);max-width:65ch}.text-overline{font-size:var(--text-overline);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-overline);text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-sm)}.text-shimmer{background:linear-gradient(90deg, var(--color-text-primary) 0%, var(--color-primary) 50%, var(--color-text-primary) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;animation:shimmer-text 3s ease-in-out infinite}.text-shadow-soft{text-shadow:0 2px 4px rgba(0,0,0,.1)}.text-shadow-strong{text-shadow:0 4px 8px rgba(0,0,0,.3)}@keyframes shimmer-text{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}:root{--color-primary-50: #e6f3ff;--color-primary-100: #b3d9ff;--color-primary-200: #80bfff;--color-primary-300: #4da6ff;--color-primary-400: #1a8cff;--color-primary-500: #0F75BD;--color-primary-600: #0c5ea0;--color-primary-700: #094783;--color-primary-800: #063066;--color-primary-900: #031949;--color-secondary-50: #fef0f7;--color-secondary-100: #fcc2e0;--color-secondary-200: #fa94ca;--color-secondary-300: #f866b3;--color-secondary-400: #f6389c;--color-secondary-500: #F72C93;--color-secondary-600: #d41f7a;--color-secondary-700: #b11661;--color-secondary-800: #8e0d48;--color-secondary-900: #6b042f;--gradient-dawn: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);--gradient-sunset: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-ocean: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-forest: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-royal: linear-gradient(135deg, #667db6 0%, #0082c8 100%);--gradient-rose: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dna-helix: linear-gradient( 45deg, var(--color-primary) 0%, var(--color-secondary) 25%, var(--color-accent) 50%, var(--color-secondary) 75%, var(--color-primary) 100% );--gradient-genetic: linear-gradient( 135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #f5576c 75%, #4facfe 100% );--glass-bg-light: rgba(255, 255, 255, 0.08);--glass-bg-dark: rgba(0, 0, 0, 0.08);--glass-border: rgba(255, 255, 255, 0.2);--glass-backdrop: blur(20px)}:root{--shadow-01: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-02: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-03: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-04: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-05: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-06: 0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-primary-soft: 0 4px 14px 0 rgba(var(--color-primary-rgb), 0.15);--shadow-primary-medium: 0 8px 28px 0 rgba(var(--color-primary-rgb), 0.25);--shadow-primary-strong: 0 16px 48px 0 rgba(var(--color-primary-rgb), 0.35);--shadow-secondary-soft: 0 4px 14px 0 rgba(var(--color-secondary-rgb), 0.15);--shadow-secondary-medium: 0 8px 28px 0 rgba(var(--color-secondary-rgb), 0.25);--shadow-secondary-strong: 0 16px 48px 0 rgba(var(--color-secondary-rgb), 0.35);--shadow-hover: 0 12px 24px -8px rgba(0, 0, 0, 0.15);--shadow-active: 0 2px 4px -1px rgba(0, 0, 0, 0.08);--shadow-focus: 0 0 0 4px rgba(var(--color-primary-rgb), 0.12);--shadow-inner-soft: inset 0 1px 3px 0 rgba(0, 0, 0, 0.05);--shadow-inner-strong: inset 0 2px 8px 0 rgba(0, 0, 0, 0.1);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, 0.12)}:root{--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)}.animate-fade-in{animation:fadeIn var(--duration-medium) var(--ease-smooth) forwards}.animate-slide-up{animation:slideUp var(--duration-medium) var(--ease-bounce-out) forwards}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-elastic-out) forwards}.animate-float{animation:float 3s var(--ease-smooth) infinite}.animate-pulse{animation:pulse 2s var(--ease-smooth) infinite}.animate-bounce{animation:bounce 2s var(--ease-bounce-out) infinite}.animate-stagger>*{opacity:0;transform:translateY(20px);animation:slideUp var(--duration-medium) var(--ease-bounce-out) forwards}.animate-stagger>*:nth-child(1){animation-delay:0ms}.animate-stagger>*:nth-child(2){animation-delay:100ms}.animate-stagger>*:nth-child(3){animation-delay:200ms}.animate-stagger>*:nth-child(4){animation-delay:300ms}.animate-stagger>*:nth-child(5){animation-delay:400ms}.animate-stagger>*:nth-child(6){animation-delay:500ms}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,53%,80%,100%{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}.btn-premium{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-smooth);overflow:hidden;min-height:44px;min-width:44px}.btn-premium::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%, -50%);transition:width var(--duration-slow),height var(--duration-slow);pointer-events:none}.btn-premium:hover{transform:translateY(-2px)}.btn-premium:active{transform:translateY(0);transition-duration:var(--duration-micro)}.btn-premium:active::before{width:300px;height:300px}.btn-premium--primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-primary-soft)}.btn-premium--primary:hover{box-shadow:var(--shadow-primary-medium)}.btn-premium--primary:focus-visible{box-shadow:var(--shadow-primary-medium),var(--shadow-focus)}.btn-premium--secondary{background:var(--gradient-secondary);color:var(--color-white);box-shadow:var(--shadow-secondary-soft)}.btn-premium--secondary:hover{box-shadow:var(--shadow-secondary-medium)}.btn-premium--glass{background:var(--glass-bg-light);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);color:var(--color-white);box-shadow:var(--shadow-glass)}.btn-premium--glass:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.btn-premium--gradient-border{background:var(--color-white);color:var(--color-primary);border:2px solid rgba(0,0,0,0);background-clip:padding-box}.btn-premium--gradient-border::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--gradient-primary);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none}.btn-premium--gradient-border:hover{color:var(--color-white)}.btn-premium--gradient-border:hover::after{background:var(--gradient-primary)}.btn-premium--sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);min-height:36px}.btn-premium--lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg);min-height:56px}.btn-premium--xl{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-xl);min-height:64px}.btn-premium--loading{color:rgba(0,0,0,0);pointer-events:none}.btn-premium--loading::after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid var(--color-white);border-radius:50%;border-top-color:rgba(0,0,0,0);animation:spinner .8s linear infinite}.btn-premium:disabled,.btn-premium--disabled{opacity:.5;cursor:not-allowed;transform:none !important;box-shadow:none !important}.btn-premium:disabled::before,.btn-premium--disabled::before{display:none}@keyframes spinner{to{transform:rotate(360deg)}}.form-group-premium{position:relative;margin-bottom:var(--space-lg)}.form-group-premium .form-control{width:100%;height:56px;padding:0 var(--space-md);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-white);border:2px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-smooth)}.form-group-premium .form-control::placeholder{color:var(--color-text-muted);opacity:.7}.form-group-premium .form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb), 0.1);background:var(--color-white)}.form-group-premium .form-control.is-invalid{border-color:var(--color-danger)}.form-group-premium .form-control.is-invalid:focus{box-shadow:0 0 0 4px rgba(var(--color-danger-rgb), 0.1)}.form-group-premium .form-control.is-valid{border-color:var(--color-success)}.form-group-premium .form-control.is-valid:focus{box-shadow:0 0 0 4px rgba(var(--color-success-rgb), 0.1)}.form-group-premium--floating .form-control{padding-top:24px}.form-group-premium--floating .form-control::placeholder{color:rgba(0,0,0,0)}.form-group-premium--floating .form-control:focus+label,.form-group-premium--floating .form-control:not(:placeholder-shown)+label{transform:translateY(-24px) scale(0.85);color:var(--color-primary)}.form-group-premium--floating label{position:absolute;top:50%;left:var(--space-md);transform:translateY(-50%);font-size:var(--font-size-base);color:var(--color-text-secondary);transition:var(--transition-smooth);pointer-events:none;background:var(--color-white);padding:0 var(--space-xs);transform-origin:left center}.form-group-premium--glass .form-control{background:var(--glass-bg-light);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border-color:var(--glass-border);color:var(--color-white)}.form-group-premium--glass .form-control::placeholder{color:hsla(0,0%,100%,.7)}.form-group-premium--glass .form-control:focus{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.4)}.form-group-premium--glass.form-group-premium--floating label{background:rgba(0,0,0,0);color:hsla(0,0%,100%,.8)}.form-group-premium .form-help{margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-group-premium .form-help.is-invalid{color:var(--color-danger)}.form-group-premium .form-help.is-valid{color:var(--color-success)}.card-premium{position:relative;background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-03);transition:var(--transition-smooth);overflow:hidden}.card-premium:hover{transform:translateY(-4px);box-shadow:var(--shadow-05)}.card-premium--glass{background:var(--glass-bg-light);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass)}.card-premium--glass:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.3)}.card-premium--gradient-border{border:2px solid rgba(0,0,0,0);background-clip:padding-box}.card-premium--gradient-border::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--gradient-primary);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor}.card-premium--shimmer{overflow:hidden}.card-premium--shimmer::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{transform:translateX(-100%) rotate(45deg)}100%{transform:translateX(100%) rotate(45deg)}}.skeleton-premium{background:linear-gradient(90deg, var(--color-gray-200) 25%, var(--color-gray-100) 50%, var(--color-gray-200) 75%);background-size:400% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-premium--text{height:1rem;margin-bottom:var(--space-xs)}.skeleton-premium--text:last-child{width:80%}.skeleton-premium--title{height:2rem;width:60%;margin-bottom:var(--space-md)}.skeleton-premium--avatar{width:60px;height:60px;border-radius:50%}.skeleton-premium--button{height:44px;width:120px;border-radius:var(--radius-lg)}.skeleton-premium--card{height:300px;border-radius:var(--radius-xl)}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.dna-loader{width:100px;height:100px;position:relative;margin:0 auto}.dna-loader .helix{width:100%;height:100%;position:relative}.dna-loader .helix .strand{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid rgba(0,0,0,0);animation:rotate 2s linear infinite}.dna-loader .helix .strand:nth-child(1){border-left-color:var(--color-primary);border-right-color:var(--color-primary);animation-delay:0s}.dna-loader .helix .strand:nth-child(2){border-top-color:var(--color-secondary);border-bottom-color:var(--color-secondary);animation-delay:-0.5s}.dna-loader .helix .strand:nth-child(3){border-left-color:var(--color-accent);border-right-color:var(--color-accent);animation-delay:-1s;opacity:.6;transform:scale(0.8)}@keyframes rotate{to{transform:rotate(360deg)}}.glass-light{background:var(--glass-bg-light);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border)}.glass-dark{background:var(--glass-bg-dark);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid hsla(0,0%,100%,.1)}.bg-gradient-dna{background:var(--gradient-dna-helix)}.bg-gradient-genetic{background:var(--gradient-genetic)}.bg-gradient-dawn{background:var(--gradient-dawn)}.bg-gradient-sunset{background:var(--gradient-sunset)}.bg-gradient-ocean{background:var(--gradient-ocean)}.bg-gradient-forest{background:var(--gradient-forest)}.bg-gradient-royal{background:var(--gradient-royal)}.bg-gradient-rose{background:var(--gradient-rose)}.shadow-brand{box-shadow:var(--shadow-primary-soft)}.shadow-brand-strong{box-shadow:var(--shadow-primary-strong)}.shadow-glass{box-shadow:var(--shadow-glass)}.transition-smooth{transition:var(--transition-smooth)}.transition-bounce{transition:var(--transition-bounce)}.transition-elastic{transition:var(--transition-elastic)}.transition-micro{transition:var(--transition-micro)}.hover-lift{transition:var(--transition-smooth)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.hover-glow{transition:var(--transition-smooth)}.hover-glow:hover{box-shadow:0 0 20px rgba(var(--color-primary-rgb), 0.4)}.hover-scale{transition:var(--transition-smooth)}.hover-scale:hover{transform:scale(1.05)}.focus-ring:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.text-gradient-secondary{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !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}.mr-0,.me-0{margin-right:0}.mr-1,.me-1{margin-right:var(--space-xxs)}.mr-2,.me-2{margin-right:var(--space-xs)}.mr-3,.me-3{margin-right:var(--space-sm)}.mr-4,.me-4{margin-right:var(--space-md)}.mr-5,.me-5{margin-right:var(--space-lg)}.mr-6,.me-6{margin-right:var(--space-xl)}.mr-8,.me-8{margin-right:var(--space-2xl)}.mr-auto,.me-auto{margin-right:auto}.p-0{padding:0}.p-1{padding:var(--space-xxs)}.p-2{padding:var(--space-xs)}.p-3{padding:var(--space-sm)}.p-4{padding:var(--space-md)}.p-5{padding:var(--space-lg)}.p-6{padding:var(--space-xl)}.p-8{padding:var(--space-2xl)}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-xxs)}.pt-2{padding-top:var(--space-xs)}.pt-3{padding-top:var(--space-sm)}.pt-4{padding-top:var(--space-md)}.pt-5{padding-top:var(--space-lg)}.pt-6{padding-top:var(--space-xl)}.pt-8{padding-top:var(--space-2xl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-xxs)}.pb-2{padding-bottom:var(--space-xs)}.pb-3{padding-bottom:var(--space-sm)}.pb-4{padding-bottom:var(--space-md)}.pb-5{padding-bottom:var(--space-lg)}.pb-6{padding-bottom:var(--space-xl)}.pb-8{padding-bottom:var(--space-2xl)}.pl-0,.ps-0{padding-left:0}.pl-1,.ps-1{padding-left:var(--space-xxs)}.pl-2,.ps-2{padding-left:var(--space-xs)}.pl-3,.ps-3{padding-left:var(--space-sm)}.pl-4,.ps-4{padding-left:var(--space-md)}.pl-5,.ps-5{padding-left:var(--space-lg)}.pl-6,.ps-6{padding-left:var(--space-xl)}.pl-8,.ps-8{padding-left:var(--space-2xl)}.pr-0,.pe-0{padding-right:0}.pr-1,.pe-1{padding-right:var(--space-xxs)}.pr-2,.pe-2{padding-right:var(--space-xs)}.pr-3,.pe-3{padding-right:var(--space-sm)}.pr-4,.pe-4{padding-right:var(--space-md)}.pr-5,.pe-5{padding-right:var(--space-lg)}.pr-6,.pe-6{padding-right:var(--space-xl)}.pr-8,.pe-8{padding-right:var(--space-2xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-black{font-weight:var(--font-weight-black)}.font-primary{font-family:var(--font-primary)}.font-secondary{font-family:var(--font-secondary)}.font-mono{font-family:var(--font-mono)}.text-left{text-align:left}.text-center{text-align:center}.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-accent{color:var(--color-accent) !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-accent{background-color:var(--color-accent) !important}.bg-success{background-color:var(--color-success) !important}.bg-warning{background-color:var(--color-warning) !important}.bg-danger{background-color:var(--color-danger) !important}.bg-info{background-color:var(--color-info) !important}.bg-white{background-color:var(--color-white) !important}.bg-black{background-color:var(--color-black) !important}.bg-transparent{background-color:rgba(0,0,0,0) !important}.bg-gray-50{background-color:var(--color-gray-50) !important}.bg-gray-100{background-color:var(--color-gray-100) !important}.bg-gray-200{background-color:var(--color-gray-200) !important}.bg-gray-300{background-color:var(--color-gray-300) !important}.bg-gray-400{background-color:var(--color-gray-400) !important}.bg-gray-500{background-color:var(--color-gray-500) !important}.bg-gray-600{background-color:var(--color-gray-600) !important}.bg-gray-700{background-color:var(--color-gray-700) !important}.bg-gray-800{background-color:var(--color-gray-800) !important}.bg-gray-900{background-color:var(--color-gray-900) !important}.bg-gradient-primary{background:var(--gradient-primary) !important}.bg-gradient-secondary{background:var(--gradient-secondary) !important}.bg-gradient-success{background:var(--gradient-success) !important}.bg-gradient-premium{background:var(--gradient-premium) !important}.bg-gradient-dark{background:var(--gradient-dark) !important}.border-0{border:0 !important}.border{border:var(--border-thin) solid var(--border-color) !important}.border-2{border:var(--border-medium) solid var(--border-color) !important}.border-4{border:var(--border-thick) solid var(--border-color) !important}.border-t{border-top:var(--border-thin) solid var(--border-color) !important}.border-r{border-right:var(--border-thin) solid var(--border-color) !important}.border-b{border-bottom:var(--border-thin) solid var(--border-color) !important}.border-l{border-left:var(--border-thin) solid var(--border-color) !important}.border-primary{border-color:var(--color-primary) !important}.border-secondary{border-color:var(--color-secondary) !important}.border-success{border-color:var(--color-success) !important}.border-warning{border-color:var(--color-warning) !important}.border-danger{border-color:var(--color-danger) !important}.border-white{border-color:var(--color-white) !important}.border-transparent{border-color:rgba(0,0,0,0) !important}.rounded-none{border-radius:0 !important}.rounded-sm{border-radius:var(--radius-sm) !important}.rounded{border-radius:var(--radius-md) !important}.rounded-md{border-radius:var(--radius-md) !important}.rounded-lg{border-radius:var(--radius-lg) !important}.rounded-xl{border-radius:var(--radius-xl) !important}.rounded-2xl{border-radius:var(--radius-2xl) !important}.rounded-full{border-radius:var(--radius-full) !important}.shadow-none{box-shadow:none !important}.shadow-sm{box-shadow:var(--shadow-sm) !important}.shadow{box-shadow:var(--shadow-md) !important}.shadow-md{box-shadow:var(--shadow-md) !important}.shadow-lg{box-shadow:var(--shadow-lg) !important}.shadow-xl{box-shadow:var(--shadow-xl) !important}.shadow-2xl{box-shadow:var(--shadow-2xl) !important}.shadow-primary{box-shadow:var(--shadow-primary) !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{user-select:none}.select-text{user-select:text}.select-all{user-select:all}.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{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.hover\:-translate-y-1:hover{transform:translateY(-0.25rem)}.hover\:-translate-y-2:hover{transform:translateY(-0.5rem)}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\:shadow-xl:hover{box-shadow:var(--shadow-xl)}.focus\:outline-none:focus{outline:none}.focus\:ring:focus{box-shadow:var(--shadow-focus)}.focus\:ring-primary:focus{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), 0.1)}@media(min-width: 576px){.sm\:d-block{display:block}.sm\:d-none{display:none}.sm\:text-left{text-align:left}.sm\:text-center{text-align:center}.sm\:text-right{text-align:right}}@media(min-width: 768px){.md\:d-block{display:block}.md\:d-none{display:none}.md\:d-flex{display:flex}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-right{text-align:right}.md\:text-base{font-size:var(--font-size-base)}.md\:text-lg{font-size:var(--font-size-lg)}.md\:text-xl{font-size:var(--font-size-xl)}.md\:text-2xl{font-size:var(--font-size-2xl)}}@media(min-width: 992px){.lg\:d-block{display:block}.lg\:d-none{display:none}.lg\:d-flex{display:flex}.lg\:grid-cols-3{grid-template-columns:repeat(3, 1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4, 1fr)}.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}}@media(min-width: 1200px){.xl\:d-block{display:block}.xl\:d-none{display:none}.xl\:grid-cols-4{grid-template-columns:repeat(4, 1fr)}.xl\:grid-cols-5{grid-template-columns:repeat(5, 1fr)}.xl\:grid-cols-6{grid-template-columns:repeat(6, 1fr)}}.dna-pulse{animation:dna-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.dna-spin{animation:dna-spin 3s linear infinite}.dna-float{animation:dna-float 6s ease-in-out infinite}.dna-glow{animation:dna-glow 3s ease-in-out infinite}@keyframes dna-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes dna-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes dna-float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}@keyframes dna-glow{0%,100%{box-shadow:0 0 5px rgba(var(--color-primary-rgb), 0.5)}50%{box-shadow:0 0 20px rgba(var(--color-primary-rgb), 0.8)}}.compatibility-high{background:var(--gradient-success);color:var(--color-white);animation:compatibility-glow 2s ease-in-out infinite}.compatibility-medium{background:var(--gradient-warning-vibrant);color:var(--color-white)}.compatibility-low{background:var(--color-gray-400);color:var(--color-white)}@keyframes compatibility-glow{0%,100%{box-shadow:0 0 10px rgba(var(--color-success-rgb), 0.5)}50%{box-shadow:0 0 20px rgba(var(--color-success-rgb), 0.8)}}.love-chemistry{position:relative}.love-chemistry::before{content:"💕";position:absolute;top:-10px;right:-10px;font-size:1.2em;animation:love-beat 1.5s ease-in-out infinite;opacity:.8}@keyframes love-beat{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}.match-percentage{position:relative;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.match-percentage::before{content:"";position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(from 0deg, var(--color-primary) 0%, var(--color-primary) var(--percentage, 75%), var(--color-gray-200) var(--percentage, 75%), var(--color-gray-200) 100%);z-index:-1;animation:percentage-rotate 2s ease-in-out}@keyframes percentage-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus-within\:ring:focus-within{box-shadow:var(--shadow-focus)}.focus-visible\:ring:focus-visible{box-shadow:var(--shadow-focus)}@media print{.print\:d-none{display:none !important}.print\:d-block{display:block !important}.print\:text-black{color:#000 !important}.print\:bg-transparent{background:rgba(0,0,0,0) !important}}@media(prefers-contrast: high){.text-muted{color:var(--color-text-secondary) !important}.bg-gray-100,.bg-gray-200{border:1px solid var(--color-gray-400)}.btn-premium,.card-premium{border:1px solid var(--color-gray-600)}}:root{--font-size-xs: clamp(0.75rem, 0.5vw + 0.65rem, 0.875rem);--font-size-sm: clamp(0.875rem, 0.5vw + 0.775rem, 1rem);--font-size-base: clamp(1rem, 1vw + 0.75rem, 1.125rem);--font-size-lg: clamp(1.125rem, 1.5vw + 0.75rem, 1.375rem);--font-size-xl: clamp(1.25rem, 2vw + 0.75rem, 1.75rem);--font-size-2xl: clamp(1.5rem, 3vw + 0.75rem, 2.25rem);--font-size-3xl: clamp(1.875rem, 4vw + 0.75rem, 3rem);--spacing-xs: clamp(0.25rem, 0.5vw + 0.125rem, 0.5rem);--spacing-sm: clamp(0.5rem, 1vw + 0.25rem, 0.75rem);--spacing-md: clamp(0.75rem, 1.5vw + 0.375rem, 1.25rem);--spacing-lg: clamp(1rem, 2vw + 0.5rem, 1.75rem);--spacing-xl: clamp(1.5rem, 3vw + 0.75rem, 2.5rem);--spacing-2xl: clamp(2rem, 4vw + 1rem, 3.5rem)}h1,.h1{font-size:var(--font-size-3xl);line-height:1.2;margin-bottom:var(--spacing-lg)}h2,.h2{font-size:var(--font-size-2xl);line-height:1.3;margin-bottom:var(--spacing-md)}h3,.h3{font-size:var(--font-size-xl);line-height:1.4;margin-bottom:var(--spacing-md)}body,.body-text{font-size:var(--font-size-base);line-height:1.6}.btn{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg)}.btn{transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);transform:translateY(0)}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn:active{transform:translateY(0);transition-duration:.1s}.form-control,.form-select{transition:all .2s ease;border-width:1px}.form-control:focus,.form-select:focus{transform:scale(1.01);box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb), 0.1)}.card{transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1)}@keyframes pulse-glow{0%,100%{opacity:1}50%{opacity:.7}}.loading-pulse{animation:pulse-glow 1.5s ease-in-out infinite}@keyframes success-bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.success-bounce{animation:success-bounce .6s ease-in-out}.text-muted,.form-text,.small{color:#495057 !important}.form-control::placeholder{color:#495057;opacity:.8}.form-control:disabled,.form-control[readonly]{background-color:#f8f9fa;border-color:#6c757d;color:#495057;opacity:1}.text-secondary{color:#374151 !important}.btn-outline-secondary{color:#495057;border-color:#495057}.btn-outline-secondary:hover{color:#fff;background-color:#495057;border-color:#495057}.positive-feedback{color:#198754;font-size:.875rem;margin-top:.25rem;display:flex;align-items:center}.positive-feedback::before{content:"✓";margin-right:.25rem;font-weight:bold}.enhanced-feedback{animation:fadeInUp .3s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.password-strength-container{margin-top:.5rem}.password-strength-bar{height:4px;background-color:#e9ecef;border-radius:2px;overflow:hidden;margin-bottom:.25rem}.password-strength-fill{height:100%;transition:all .3s ease;border-radius:2px}.password-strength-fill.strength-0{background-color:#dc3545;width:25%}.password-strength-fill.strength-1{background-color:#fd7e14;width:50%}.password-strength-fill.strength-2{background-color:#ffc107;width:75%}.password-strength-fill.strength-3{background-color:#198754;width:100%}.password-strength-text{font-size:.75rem;color:#6c757d}@media(min-width: 768px){.mobile-only{display:none !important}}@media(max-width: 575px){.tablet-up{display:none !important}}@media(max-width: 991px){.desktop-up{display:none !important}}.match-dashboard{padding:.5rem}@media(min-width: 768px){.match-dashboard{padding:1rem}}@media(min-width: 992px){.match-dashboard{padding:2rem}}.match-dashboard .match-card{width:100%;margin-bottom:1rem}@media(min-width: 768px){.match-dashboard .match-card{width:calc(50% - 1rem);margin-right:1rem}.match-dashboard .match-card:nth-child(2n){margin-right:0}}@media(min-width: 992px){.match-dashboard .match-card{width:calc(33.333% - 1rem)}.match-dashboard .match-card:nth-child(2n){margin-right:1rem}.match-dashboard .match-card:nth-child(3n){margin-right:0}}.match-dashboard .match-card .match-image{height:200px}@media(min-width: 768px){.match-dashboard .match-card .match-image{height:250px}}@media(min-width: 992px){.match-dashboard .match-card .match-image{height:300px}}.match-dashboard .match-card .match-actions{flex-direction:column}@media(min-width: 768px){.match-dashboard .match-card .match-actions{flex-direction:row}}.match-dashboard .match-card .match-actions button{width:100%;margin-bottom:.5rem}@media(min-width: 768px){.match-dashboard .match-card .match-actions button{width:auto;margin-bottom:0;margin-right:.5rem}.match-dashboard .match-card .match-actions button:last-child{margin-right:0}}.navbar{padding:.5rem}@media(min-width: 768px){.navbar{padding:1rem 2rem}}.navbar .nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:#fff;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px rgba(0,0,0,.05);z-index:1000}.navbar .nav-menu.active{left:0}@media(min-width: 768px){.navbar .nav-menu{position:static;flex-direction:row;width:auto;box-shadow:none}}.navbar .hamburger{display:block;cursor:pointer}@media(min-width: 768px){.navbar .hamburger{display:none}}.navbar .hamburger.active .bar:nth-child(2){opacity:0}.navbar .hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.navbar .hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.form-container{padding:1rem}@media(min-width: 768px){.form-container{padding:2rem}}@media(min-width: 992px){.form-container{max-width:600px;margin:0 auto}}.form-container .form-group{margin-bottom:1rem}.form-container .form-group label{font-size:.875rem}@media(min-width: 768px){.form-container .form-group label{font-size:1rem}}.form-container .form-group input,.form-container .form-group select,.form-container .form-group textarea{font-size:16px;padding:.75rem}@media(min-width: 768px){.form-container .form-group input,.form-container .form-group select,.form-container .form-group textarea{padding:1rem}}.form-container .form-row{flex-direction:column}@media(min-width: 768px){.form-container .form-row{flex-direction:row}.form-container .form-row .form-group{flex:1;margin-right:1rem}.form-container .form-row .form-group:last-child{margin-right:0}}.btn{min-height:44px;min-width:44px;padding:.75rem 1.5rem;font-size:1rem}@media(max-width: 575px){.btn{width:100%;margin-bottom:.5rem}}.btn.btn-icon{padding:.75rem}@media(min-width: 768px){.btn.btn-icon{padding:.5rem}}.modal .modal-dialog{margin:0;height:100%;max-width:100%}@media(min-width: 768px){.modal .modal-dialog{margin:1.75rem auto;height:auto;max-width:500px}}@media(min-width: 992px){.modal .modal-dialog{max-width:600px}}.modal .modal-content{height:100%;border-radius:0}@media(min-width: 768px){.modal .modal-content{height:auto;border-radius:.5rem}}.profile-image{width:100px;height:100px}@media(min-width: 768px){.profile-image{width:150px;height:150px}}@media(min-width: 992px){.profile-image{width:200px;height:200px}}html{font-size:14px}@media(min-width: 768px){html{font-size:15px}}@media(min-width: 992px){html{font-size:16px}}h1{font-size:1.75rem}@media(min-width: 768px){h1{font-size:2.25rem}}@media(min-width: 992px){h1{font-size:2.5rem}}h2{font-size:1.5rem}@media(min-width: 768px){h2{font-size:1.875rem}}@media(min-width: 992px){h2{font-size:2rem}}.p-mobile-sm{padding:.5rem}@media(min-width: 768px){.p-mobile-sm{padding:1rem}}@media(min-width: 992px){.p-mobile-sm{padding:1.5rem}}.m-mobile-sm{margin:.5rem}@media(min-width: 768px){.m-mobile-sm{margin:1rem}}@media(min-width: 992px){.m-mobile-sm{margin:1.5rem}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}.scrollable{-webkit-overflow-scrolling:touch;overflow-y:auto}body{overflow-x:hidden}.wingman-chat{height:calc(100vh - 120px)}@media(min-width: 768px){.wingman-chat{height:600px}}.wingman-chat .chat-messages{padding:.5rem}@media(min-width: 768px){.wingman-chat .chat-messages{padding:1rem}}.wingman-chat .chat-input{padding:.5rem}@media(min-width: 768px){.wingman-chat .chat-input{padding:1rem}}.wingman-chat .chat-input input{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navbar{background:linear-gradient(135deg, rgba(15, 117, 189, 0.95) 0%, rgba(247, 44, 147, 0.95) 100%);backdrop-filter:blur(10px);border:none;box-shadow:0 2px 20px rgba(0,0,0,.1)}.navbar .navbar-brand img{height:45px;width:auto;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1))}.navbar .navbar-nav>li>a{color:#fff !important;font-weight:500;transition:all .3s ease}.navbar .navbar-nav>li>a:hover{background-color:hsla(0,0%,100%,.1);transform:translateY(-1px)}.hero-modern{position:relative;min-height:600px;overflow:hidden}.hero-modern::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(15, 117, 189, 0.8) 0%, rgba(247, 44, 147, 0.8) 100%);z-index:1}.hero-modern .hero-modern__content{position:relative;z-index:2;text-align:center;color:#fff}.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 0%, #f72c93 100%);border:none;padding:12px 30px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 15px rgba(247,44,147,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(247,44,147,.4);background:linear-gradient(135deg, rgb(11.25, 87.75, 141.75) 0%, rgb(231.2328767123, 8.7671232877, 121.6438356164) 100%)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 10px rgba(247,44,147,.3)}.btn-secondary{background:rgba(0,0,0,0);border:2px solid #fff;color:#fff;padding:10px 28px;font-weight:600;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);transition:all .3s ease;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.card .card-header{background:linear-gradient(135deg, #0f75bd 0%, #f72c93 100%);color:#fff;border:none;padding:20px;font-weight:600}.card .card-body{padding:30px}.form-control{border:2px solid #e8e8e8;border-radius:8px;padding:12px 15px;transition:all .3s ease;font-size:16px}.form-control:focus{border-color:#f72c93;box-shadow:0 0 0 .2rem rgba(247,44,147,.1)}.form-label{font-weight:600;color:#333;margin-bottom:8px}.match-panels{background:#fff;border-radius:12px;box-shadow:0 5px 25px rgba(0,0,0,.08);margin-bottom:20px;transition:all .3s ease}.match-panels:hover{box-shadow:0 8px 30px rgba(0,0,0,.12)}.match-panels .panel-body{padding:25px}.profile-card{position:relative;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1);transition:all .3s ease}.profile-card:hover{transform:scale(1.02);box-shadow:0 10px 30px rgba(0,0,0,.15)}.profile-card:hover .profile-overlay{opacity:1}.profile-card .profile-image{width:100%;height:300px;object-fit:cover}.profile-card .profile-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);color:#fff;padding:20px;opacity:.9;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;transition:all .3s ease;cursor:pointer}.heart-icon:hover{transform:scale(1.2);color:rgb(231.2328767123,8.7671232877,121.6438356164)}.heart-icon.animated{animation:heartbeat .8s ease-in-out}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.filters-popup{background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);padding:25px;position:absolute;top:60px;right:0;z-index:1000;min-width:300px}.filters-popup::before{content:"";position:absolute;top:-8px;right:20px;width:16px;height:16px;background:#fff;transform:rotate(45deg);box-shadow:-3px -3px 5px rgba(0,0,0,.05)}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width: 768px){.navbar-collapse{background:rgba(5,5,5,.95);backdrop-filter:blur(10px);padding:20px;border-radius:12px;margin-top:10px}.hero-modern h1{font-size:2rem}.btn-primary{padding:10px 20px;font-size:14px}}.gradient-text{background:linear-gradient(135deg, #0f75bd 0%, #f72c93 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;text-fill-color:rgba(0,0,0,0)}.shadow-soft{box-shadow:0 5px 20px rgba(0,0,0,.08)}.transition-all{transition:all .3s ease}.alert-container{padding-top:var(--space-5xl)}.site-header{background-color:var(--color-gray-100)}html{font-size:16px;height:100%}body{height:100%;font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-secondary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--space-md)}h1,.h1{font-size:var(--font-size-4xl)}h2,.h2{font-size:var(--font-size-3xl)}h3,.h3{font-size:var(--font-size-2xl)}h4,.h4{font-size:var(--font-size-xl)}h5,.h5{font-size:var(--font-size-lg)}h6,.h6{font-size:var(--font-size-md)}.container-body{min-height:100%;margin-bottom:-100px;padding-bottom:100px}.text-muted{color:#374151 !important}.footer-container{min-height:150px}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1}footer{margin-top:auto}html{scroll-behavior:smooth}::selection{background:var(--color-primary);color:var(--color-white)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:none}.btn{font-family:var(--font-primary);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);padding:var(--button-padding-y) var(--button-padding-x);transition:var(--transition-fast);border:none}.btn-primary{background:var(--gradient-primary);color:var(--color-white)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.btn-secondary{background:var(--gradient-secondary);color:var(--color-white)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-secondary)}.card{border:none;border-radius:var(--card-radius);box-shadow:var(--card-shadow);transition:var(--transition-default);overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.card .card-header{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:var(--color-white);border:none;padding:1rem 1.5rem}.card .card-header .card-title{font-family:var(--font-secondary);font-weight:var(--font-weight-bold)}.card .card-header .card-tools .btn{border-color:hsla(0,0%,100%,.3);color:var(--color-white)}.card .card-header .card-tools .btn:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.95)}.card.card-glass{background:rgba(0,0,0,0);backdrop-filter:none;border:none;box-shadow:none}.offcanvas{border:none;box-shadow:0 0 50px rgba(0,0,0,.15)}.offcanvas .offcanvas-header{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:var(--color-white)}.offcanvas .offcanvas-header .offcanvas-title{font-family:var(--font-secondary);font-weight:var(--font-weight-bold)}.offcanvas .offcanvas-header .btn-close{filter:invert(1)}.offcanvas .nav-pills .nav-link{border-radius:var(--radius-md);transition:var(--transition-fast)}.offcanvas .nav-pills .nav-link:hover{background-color:rgba(var(--color-primary-rgb), 0.1)}.offcanvas .nav-pills .nav-link.active{background:var(--gradient-primary)}.form-floating{position:relative}.form-floating>label{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:var(--transition-fast)}.form-floating>label i{opacity:.7}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label{color:var(--color-primary)}.form-floating>.form-control:focus~label i,.form-floating>.form-control:not(:placeholder-shown)~label i{opacity:1}.form-floating>.form-control{border-radius:var(--radius-md);border:2px solid var(--color-border);transition:var(--transition-fast)}.form-floating>.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 .25rem rgba(var(--color-primary-rgb), 0.15)}.form-floating>.form-control.is-valid{border-color:var(--color-success);background-image:none}.form-floating>.form-control.is-invalid{border-color:var(--color-danger);background-image:none}.toast-container .toast{border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);backdrop-filter:blur(10px)}.toast-container .toast .toast-header{border-bottom:1px solid hsla(0,0%,100%,.2);font-weight:var(--font-weight-medium)}.toast-container .toast .toast-body{font-size:var(--font-size-sm)}.toast-container .toast.showing{animation:toastSlideIn .3s ease-out}.toast-container .toast.hiding{animation:toastSlideOut .3s ease-in}@keyframes toastSlideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes toastSlideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.dropdown-menu{border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.5rem 0}.dropdown-menu .dropdown-item{padding:.75rem 1rem;transition:var(--transition-fast)}.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus{background-color:rgba(var(--color-primary-rgb), 0.1);color:var(--color-primary)}.dropdown-menu .dropdown-item.active{background:var(--gradient-primary);color:var(--color-white)}.dropdown-menu .dropdown-item i{width:1.25rem;text-align:center}.dropdown-menu .dropdown-header{font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.dropdown-menu .dropdown-divider{margin:.5rem 0;opacity:.2}.progress{border-radius:var(--radius-full);background-color:rgba(var(--color-primary-rgb), 0.1)}.progress .progress-bar{border-radius:var(--radius-full);transition:width .6s ease}.progress .progress-bar.progress-bar-animated{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:1rem 1rem}.was-validated .form-control:valid,.form-control.is-valid{border-color:var(--color-success)}.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:var(--color-success);box-shadow:0 0 0 .25rem rgba(var(--color-success-rgb), 0.15)}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:var(--color-danger)}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:var(--color-danger);box-shadow:0 0 0 .25rem rgba(var(--color-danger-rgb), 0.15)}.btn.btn-hover-glow:hover{box-shadow:0 0 20px rgba(var(--color-primary-rgb), 0.4)}.btn::after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transition:all .3s ease;transform:translate(-50%, -50%)}.btn:active::after{width:200px;height:200px}.navbar{backdrop-filter:blur(10px)}.navbar .navbar-brand{font-family:var(--font-secondary);font-weight:var(--font-weight-bold)}.navbar .navbar-nav .nav-link{font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.navbar .navbar-nav .nav-link:hover{color:var(--color-primary-light) !important}.navbar .navbar-nav .nav-link.active{color:var(--color-white) !important;font-weight:var(--font-weight-bold)}.navbar.navbar-genepool,.navbar.navbar-datemetrix,.navbar.navbar-dnaromance,.navbar.navbar-generecovery,.navbar.navbar-heritablehealth,.navbar.navbar-wellmatched{padding-top:.75rem !important;padding-bottom:.75rem !important}.navbar.navbar-genepool .navbar-brand,.navbar.navbar-datemetrix .navbar-brand,.navbar.navbar-dnaromance .navbar-brand,.navbar.navbar-generecovery .navbar-brand,.navbar.navbar-heritablehealth .navbar-brand,.navbar.navbar-wellmatched .navbar-brand{padding-top:.25rem;padding-bottom:.25rem}.navbar.navbar-genepool .navbar-brand img,.navbar.navbar-datemetrix .navbar-brand img,.navbar.navbar-dnaromance .navbar-brand img,.navbar.navbar-generecovery .navbar-brand img,.navbar.navbar-heritablehealth .navbar-brand img,.navbar.navbar-wellmatched .navbar-brand img{height:50px !important;width:auto}.navbar.navbar-genepool .nav-link,.navbar.navbar-datemetrix .nav-link,.navbar.navbar-dnaromance .nav-link,.navbar.navbar-generecovery .nav-link,.navbar.navbar-heritablehealth .nav-link,.navbar.navbar-wellmatched .nav-link{padding-top:.5rem !important;padding-bottom:.5rem !important}.badge{font-weight:var(--font-weight-medium);border-radius:var(--radius-full)}.badge.bg-danger{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.info-card{transition:var(--transition-fast);border:1px solid rgba(0,0,0,0)}.info-card:hover{border-color:var(--color-primary);background-color:rgba(var(--color-primary-rgb), 0.05) !important;transform:translateY(-1px)}.info-card i{font-size:.875rem}.progress-circle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:conic-gradient(var(--color-success) 0deg, var(--color-success) calc(var(--percentage, 0) * 3.6deg), var(--color-border) calc(var(--percentage, 0) * 3.6deg), var(--color-border) 360deg)}.progress-circle::before{content:"";position:absolute;inset:3px;background:var(--color-white);border-radius:50%}.progress-circle>*{position:relative;z-index:1}.form-progress-container{background:rgba(var(--color-primary-rgb), 0.02);border-radius:var(--radius-lg);padding:1rem;border:1px solid rgba(var(--color-primary-rgb), 0.1)}.form-progress-container .progress{height:8px}.form-progress-container .progress .progress-bar{border-radius:var(--radius-full)}.form-progress-container .progress .progress-bar.bg-success{background:linear-gradient(90deg, var(--color-success), var(--color-success-light))}.form-progress-container .progress .progress-bar.bg-info{background:linear-gradient(90deg, var(--color-info), var(--color-info-light))}.form-progress-container .progress .progress-bar.bg-warning{background:linear-gradient(90deg, var(--color-warning), var(--color-warning-light))}.form-progress-container .progress .progress-bar.bg-danger{background:linear-gradient(90deg, var(--color-danger), var(--color-danger-light))}.badge-container .badge{font-size:.75rem;padding:.375rem .75rem}.badge-container .badge.bg-success{background:linear-gradient(135deg, var(--color-success), var(--color-success-dark)) !important}.badge-container .badge.bg-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark)) !important}.badge-container .badge i{font-size:.875rem}.btn-group .btn{border-radius:var(--radius-md)}.btn-group .btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0}.form-control,.form-select{border-radius:var(--input-border-radius);border-color:var(--input-border-color);padding:var(--input-padding-y) var(--input-padding-x);font-family:var(--font-primary);transition:var(--transition-fast)}.form-control:focus,.form-select:focus{border-color:var(--input-focus-color);box-shadow:var(--input-focus-shadow)}.loading{position:relative;pointer-events:none}.loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--color-primary);border-top-color:rgba(0,0,0,0);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.shadow-primary{box-shadow:var(--shadow-primary)}.shadow-secondary{box-shadow:var(--shadow-secondary)}.gap-xs{gap:var(--space-xs)}.mt-xs{margin-top:var(--space-xs)}.mb-xs{margin-bottom:var(--space-xs)}.pt-xs{padding-top:var(--space-xs)}.pb-xs{padding-bottom:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.mt-sm{margin-top:var(--space-sm)}.mb-sm{margin-bottom:var(--space-sm)}.pt-sm{padding-top:var(--space-sm)}.pb-sm{padding-bottom:var(--space-sm)}.gap-md{gap:var(--space-md)}.mt-md{margin-top:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.pt-md{padding-top:var(--space-md)}.pb-md{padding-bottom:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-lg{margin-top:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}.pt-lg{padding-top:var(--space-lg)}.pb-lg{padding-bottom:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.mt-xl{margin-top:var(--space-xl)}.mb-xl{margin-bottom:var(--space-xl)}.pt-xl{padding-top:var(--space-xl)}.pb-xl{padding-bottom:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.mt-2xl{margin-top:var(--space-2xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.pt-2xl{padding-top:var(--space-2xl)}.pb-2xl{padding-bottom:var(--space-2xl)}.gap-3xl{gap:var(--space-3xl)}.mt-3xl{margin-top:var(--space-3xl)}.mb-3xl{margin-bottom:var(--space-3xl)}.pt-3xl{padding-top:var(--space-3xl)}.pb-3xl{padding-bottom:var(--space-3xl)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.h1,h2,.h2,h3,.h3{letter-spacing:-0.01em}.gradient-hero{background:var(--gradient-hero);color:var(--color-white)}.gradient-brand{background:var(--gradient-brand);color:var(--color-white)}.glass-card{background:hsla(0,0%,100%,.08);border:var(--border-thin) solid hsla(0,0%,100%,.2);box-shadow:var(--shadow-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl)}.card-elevated{border:0;box-shadow:0 1px 2px rgba(16,24,40,.06),0 10px 20px rgba(16,24,40,.08)}.btn-primary{background:var(--gradient-primary);border:0;box-shadow:var(--shadow-primary-light);transition:transform var(--duration-micro) var(--ease-out),box-shadow var(--duration-quick) var(--ease-out),background-position var(--duration-quick) var(--ease-out);background-size:120% 120%}.btn-primary:hover,.btn-primary:focus{transform:translateY(-1px);box-shadow:var(--shadow-primary-strong);background-position:10% 0}.btn-accent{background:var(--gradient-secondary);color:var(--color-white);border:0;box-shadow:var(--shadow-secondary-light)}.btn-accent:hover,.btn-accent:focus{color:var(--color-white);transform:translateY(-1px);box-shadow:var(--shadow-secondary-strong)}.form-control{border:var(--border-thin) solid var(--border-color);box-shadow:var(--shadow-inner)}.form-control:focus{border-color:var(--input-focus-color);box-shadow:var(--input-focus-shadow)}.input-group-text{background-color:var(--color-gray-50);border-color:var(--border-color)}.section{padding-top:clamp(2rem,3vw,4rem);padding-bottom:clamp(2rem,3vw,4rem)}.section-lg{padding-top:clamp(3rem,4vw,6rem);padding-bottom:clamp(3rem,4vw,6rem)}@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fadeUp{animation:fadeUp var(--duration-smooth) var(--ease-out) both}.hero-title{font-weight:800;font-size:clamp(2rem,4vw,3.25rem);line-height:1.1}.hero-subtitle{color:hsla(0,0%,100%,.85)}.badge-soft-primary{color:var(--color-primary);background:rgba(var(--color-primary-rgb), 0.12)}.badge-soft-accent{color:var(--color-secondary);background:rgba(var(--color-secondary-rgb), 0.12)}.navbar-beautiful{backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);background:var(--nav-background);border-bottom:var(--border-thin) solid rgba(16,24,40,.06)}.navbar-brand{font-weight:700;letter-spacing:-0.02em}.footer-beautiful{background:var(--gradient-dark);color:hsla(0,0%,100%,.8)}.footer-beautiful a{color:var(--color-white)}.alert-debug{color:var(--color-gray-600);background-color:var(--color-white);border-color:var(--color-gray-300)}.alert-debug hr{border-top-color:var(--color-gray-400)}.alert-debug .alert-link{color:var(--color-gray-700)}.alert-error{color:var(--color-danger);background-color:var(--color-danger-light);border-color:var(--color-gray-200)}.alert-error hr{border-top-color:var(--color-danger)}.alert-error .alert-link{color:var(--color-danger-dark)}.form-errors{color:var(--color-danger);background-color:var(--color-danger-light);border-color:var(--color-gray-200)}.form-errors hr{border-top-color:var(--color-danger)}.form-errors .alert-link{color:var(--color-danger-dark)}.popup-header{background-color:var(--color-primary) !important}.profile-photo-view{margin-top:var(--space-4xl);background-color:var(--color-gray-100)}.profile-photo-view img{width:300px !important;height:300px !important;margin:0 auto !important}.jcrop-tracker{height:100% !important;width:100% !important}.panel{-webkit-box-shadow:var(--shadow-xs);box-shadow:var(--shadow-xs)}.panel-heading{background-image:none !important}.list-group{margin-bottom:var(--space-4xl)}.list-group-item{padding:var(--space-sm) var(--space-md)}.settings-menu,.activation-menu{margin-bottom:0px;margin-left:-1px;margin-right:-1px}.settings-menu{height:var(--space-5xl);overflow-y:scroll}.upload-progress{text-align:center}#progress{background-color:var(--color-primary);background-image:none !important}.activation-panel{min-height:var(--space-5xl)}.progress-striped .progress-bar-primary,.progress-striped .progress-bar-info{background-image:none !important}.footer{background-color:var(--color-gray-800);color:var(--color-gray-500);padding-top:var(--space-lg)}.footer .head{color:var(--color-gray-100);font-size:var(--font-size-base);margin-bottom:var(--space-md);font-weight:var(--font-weight-bold);text-decoration:none}.footer a{color:var(--color-gray-500);font-size:var(--font-size-sm);text-decoration:none}.footer a:hover{color:var(--color-gray-100);font-size:var(--font-size-sm);text-decoration:none}.btn-cta{min-height:var(--button-height-lg);font-size:var(--font-size-lg);background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.btn-cta:hover{background-color:var(--color-secondary-dark);color:var(--color-white);border-color:var(--color-secondary)}.btn-cta:focus{background-color:var(--color-secondary-dark);color:var(--color-white);border-color:var(--color-secondary)}.full-banner{margin-top:-70px}.full-banner-cta{max-width:500px;float:right;padding:20px}.full-banner h1,.full-banner h2,.full-banner h3{color:var(--color-white)}.full-banner-image{width:100%;margin-top:-65px}.mobile-banner{display:none}@media only screen and (max-width: 1000px){.full-banner-image{display:none}.mobile-banner{display:block;width:100%;margin-top:-65px}}@media only screen and (max-width: 600px){.full-banner-image{display:none}.mobile-banner{display:block;width:100%;margin-top:-65px}}#mce-EMAIL{width:300px;text-align:center;background-color:rgba(0,0,0,0);color:var(--color-white);border:solid var(--border-medium) var(--color-white);margin-bottom:var(--space-sm)}#mce-EMAIL::placeholder{color:var(--color-gray-400) !important;font-weight:var(--font-weight-light) !important}.table-comparison th{background-color:var(--color-secondary);color:var(--color-white);font-size:var(--font-size-lg);text-align:center}.table-comparison .price-plan-mobile{display:none}@media only screen and (max-width: 600px){.table-comparison .price-plan{display:none}.table-comparison .price-plan-mobile{display:block;background-color:#333;color:#fff;font-size:16px;text-align:center}.table-comparison .price{font-size:32px}}.benefits{background-color:var(--color-gray-100);min-height:250px}.benefits h1{font-size:var(--font-size-3xl);text-align:center;margin-bottom:var(--space-2xl)}.upload{background-color:var(--color-gray-600);border:var(--border-medium) solid var(--color-gray-700);padding-top:var(--space-4xl);padding-bottom:var(--space-4xl);text-align:center;color:var(--color-white)}.drag-active{background-color:var(--color-primary);border:var(--border-medium) solid var(--color-primary)}.drag-disabled{background-color:var(--color-gray-600);border:var(--border-medium) solid var(--color-gray-700);padding-top:var(--space-4xl);padding-bottom:var(--space-4xl);text-align:center;color:var(--color-white)}.disabled-zone{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl);text-align:center}.photo_upload{background-color:var(--color-gray-600);border:var(--border-medium) solid var(--color-gray-700);padding-top:var(--space-lg);padding-bottom:var(--space-lg);text-align:center;color:var(--color-white)}.form-inline .form-control{width:300px}.signup{max-width:400px;margin:0 auto;padding:1px}.btn-facebook{color:var(--color-white);background-color:#3b5998;border-color:rgba(0,0,0,.2)}.btn-facebook:hover{color:var(--color-white);background-color:#30487b;border-color:rgba(0,0,0,.2)}.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,.2)}.user_action_required{display:inline-block;position:relative;padding:var(--space-xs) var(--space-xs) var(--space-xs) calc(var(--space-lg) + var(--space-xs));background:url("../images/warning.svg") var(--space-xs) 50% no-repeat;background-size:var(--space-lg) var(--space-lg);color:var(--color-warning)}.blog-hero{min-height:400px;background-image:url("/static/images/blog/online-dating-relationships-man-woman.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}.press a{text-decoration:none}.press-grey{background-color:var(--color-gray-100)}.press-icon{margin:0 auto;padding:var(--space-lg);text-align:center;background-size:cover;background-position:center;background-repeat:no-repeat}.press h3{margin-top:0px}.hidden{display:none}.hearts-table tr th{font-size:18px;width:200px;text-align:center}.hearts-table tr td{padding:var(--space-2xl) 0;text-align:center}.upload-container{width:100%;padding:0;padding-bottom:var(--space-4xl);background-color:var(--color-gray-100)}.upload-banner{width:100%;margin-top:-65px}.navbar .dropdown-menu{position:absolute;z-index:1000}.navbar-toggler{border:1px solid hsla(0,0%,100%,.95)}@media(min-width: 992px){.navbar-expand-lg .navbar-toggler{display:none !important}}.banner3.webp{background-image:url("../images/background/background3XL.webp") !important;background-position:center !important;background-repeat:no-repeat !important;background-size:cover !important}.banner3.no-webp{background-image:url("../images/background/background3XL.jpeg") !important;background-position:center !important;background-repeat:no-repeat !important;background-size:cover !important}@media screen and (max-width: 767px){.banner3.webp{background-image:url("../images/background/backgroundmobile1XL.webp") !important}.banner3.no-webp{background-image:url("../images/background/backgroundmobile1XL.jpg") !important}}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-nav .nav-link{color:hsla(0,0%,100%,.8) !important}.navbar-nav .nav-link:hover{color:#fff !important}.navbar-brand{color:var(--color-white) !important}@media(min-width: 768px){.navbar-nav{align-items:center}.navbar-nav .nav-item{margin-left:1rem}}.navbar .dropdown-menu{z-index:1050}@media(max-width: 767px){.navbar .dropdown-menu{position:static;width:100%;margin-top:0;background-color:rgba(0,0,0,.1)}}.banner3{position:relative;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden}.banner3-content{position:relative;z-index:2;text-align:center;color:#fff;max-width:800px;padding:2rem}.banner3-title{font-size:3rem;font-weight:bold;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.87)}.banner3-subtitle{font-size:1.5rem;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.87)}@media(max-width: 768px){.banner3-title{font-size:2rem}.banner3-subtitle{font-size:1.2rem}}.btn-start-pwa{background-color:#f72c93;color:#fff;padding:1rem 2rem;font-size:1.2rem;border:none;border-radius:50px;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.2)}.btn-start-pwa:hover{background-color:#d11b68;transform:translateY(-2px);box-shadow:0 6px 8px rgba(0,0,0,.3);color:#fff;text-decoration:none}.banner3,.banner3-dnaromance{background-image:url("/static/images/background/background3XL.webp")}@media(max-width: 768px){.banner3,.banner3-dnaromance{background-image:url("/static/images/background/backgroundmobile1XL.webp")}}.banner3-dnaromance .banner3-title{color:#f72c93}.banner3-dnaromance .btn-start-pwa{background-color:#f72c93}.banner3-dnaromance .btn-start-pwa:hover{background-color:#d11b68}.banner3-datemetrix{background-image:url("/static/images/DateMetriX/Personalities.png");background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center}@media(max-width: 768px){.banner3-datemetrix{background-image:url("/static/images/DateMetriX/Amy_USA_PsycMatch.webp")}}.banner3-datemetrix .banner3-content{background-color:rgba(103,58,183,.9);padding:3rem;border-radius:15px;margin:0 auto;text-align:center}.banner3-datemetrix .banner3-title{color:#fff;text-align:center}.banner3-datemetrix .btn-start-pwa{background-color:#6a1b9a}.banner3-datemetrix .btn-start-pwa:hover{background-color:#4a148c}.banner3-genepool{background-image:url("/static/images/genepool/pexels-pavel-danilyuk-6025139.jpg");background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center}.banner3-genepool.genepool-alt{background-image:url("/static/images/genepool/pexels-maria-luiza-melo-12789912.jpeg")}@media(max-width: 768px){.banner3-genepool{background-image:url("/static/images/genepool/pexels-maria-luiza-melo-12789912.jpeg")}}.banner3-genepool .banner3-content{background-color:rgba(0,150,136,.9);padding:3rem;border-radius:15px;margin:0 auto;text-align:center}.banner3-genepool .banner3-title{color:#fff;text-align:center}.banner3-genepool .btn-start-pwa{background-color:#00897b}.banner3-genepool .btn-start-pwa:hover{background-color:#00695c}.banner3-wellmatched{background-image:url("/static/images/background/wellmatched-hero.jpg")}.banner3-wellmatched .banner3-content{background-color:rgba(33,150,243,.85);padding:3rem;border-radius:15px}.banner3-wellmatched .banner3-title{color:#fff}.banner3-wellmatched .btn-start-pwa{background-color:#1976d2}.banner3-wellmatched .btn-start-pwa:hover{background-color:#0d47a1}.banner3-generecovery{background-image:url("/static/images/background/recovery-dna.jpg")}.banner3-generecovery .banner3-content{background-color:rgba(76,175,80,.85);padding:3rem;border-radius:15px}.banner3-generecovery .banner3-title{color:#fff}.banner3-generecovery .btn-start-pwa{background-color:#388e3c}.banner3-generecovery .btn-start-pwa:hover{background-color:#2e7d32}.banner3-heritablehealth{background-image:url("/static/images/background/telehealth-genetics.jpg")}.banner3-heritablehealth .banner3-content{background-color:rgba(0,123,255,.85);padding:3rem;border-radius:15px}.banner3-heritablehealth .banner3-title{color:#fff}.banner3-heritablehealth .btn-start-pwa{background-color:#007bff}.banner3-heritablehealth .btn-start-pwa:hover{background-color:#0056b3}.banner3-variant-skyline{background-image:url("/static/images/background/couple-skyline.webp")}.banner3-variant-sunset{background-image:url("/static/images/background/couple-sunset.webp")}.banner3-variant-nature{background-image:url("/static/images/background/couple-nature.webp")}.banner3::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.87) 100%);z-index:1}.banner3{background-color:#333;background-image:linear-gradient(135deg, #667eea 0%, #764ba2 100%),url("/static/images/background/couple.webp")}@media(max-width: 576px){.banner3-title{font-size:1.75rem}.banner3-subtitle{font-size:1rem}.btn-start-pwa{font-size:1rem;padding:.75rem 1.5rem}}@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.banner3-dnaromance{background-image:url("/static/images/background/couple@2x.webp")}.banner3-datemetrix{background-image:url("/static/images/DateMetriX/Personalities.png")}.banner3-genepool{background-image:url("/static/images/genepool/pexels-pavel-danilyuk-6025139.jpg")}}.carousel-control-prev,.carousel-control-next{width:5%;color:#000;background:none;border:none}.carousel-control-prev-icon,.carousel-control-next-icon{background-color:rgba(0,0,0,.87);border-radius:50%;padding:20px}.carousel-indicators [data-bs-target]{background-color:#000}.badge{padding:.35em .65em}.offline-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.offline-content{text-align:center;padding:2rem}.offline-icon{font-size:5rem;color:#6c757d;margin-bottom:2rem}.offline-title{font-size:2.5rem;margin-bottom:1rem;color:#343a40}.offline-message{font-size:1.2rem;color:#6c757d;margin-bottom:2rem}.btn-retry{background-color:#007bff;color:#fff;padding:.75rem 2rem;font-size:1.1rem;border:none;border-radius:50px;text-decoration:none;display:inline-block;transition:all .3s ease}.btn-retry:hover{background-color:#0056b3;transform:translateY(-2px);color:#fff;text-decoration:none}.d-none{display:none !important}.d-block{display:block !important}.text-center{text-align:center !important}.text-muted{color:#374151 !important}.form-label{margin-bottom:.5rem}.form-control:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}@media(max-width: 575.98px){.display-1{font-size:3rem}.display-2{font-size:2.5rem}.display-3{font-size:2rem}.display-4{font-size:1.75rem}}.banner3-dnamatchmakers{background-image:url("/static/images/background/dnamatchmakers-hero.webp");background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center;min-height:600px;position:relative}.banner3-dnamatchmakers::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(26, 35, 126, 0.9), rgba(194, 24, 91, 0.9));z-index:1}.banner3-dnamatchmakers .banner3-content{position:relative;z-index:2;text-align:center;padding:3rem;border-radius:15px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px)}.banner3-dnamatchmakers .banner3-content h1,.banner3-dnamatchmakers .banner3-content h2,.banner3-dnamatchmakers .banner3-content h3,.banner3-dnamatchmakers .banner3-content p{margin:0 auto;color:#fff}.banner3-dnamatchmakers .banner3-content h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.banner3-dnamatchmakers .banner3-content .lead{font-size:1.5rem;margin-bottom:2rem;opacity:.95}.banner3-dnamatchmakers .banner3-content .btn-dnamatchmakers-primary{background-color:gold;color:#1a237e;border:none;font-weight:700}.banner3-dnamatchmakers .banner3-content .btn-dnamatchmakers-primary:hover{background-color:#ffc700;transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,215,0,.4)}.dropdown-menu{background-color:#fff;border:1px solid rgba(0,0,0,.15)}.dropdown-item{color:#212529}.dropdown-item:hover,.dropdown-item:focus{background-color:#f8f9fa;color:#212529}.navbar-dark .navbar-nav .dropdown-menu{background-color:#343a40;border-color:hsla(0,0%,100%,.15)}.navbar-dark .navbar-nav .dropdown-menu .dropdown-item{color:hsla(0,0%,100%,.8)}.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:hover,.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:focus{background-color:hsla(0,0%,100%,.1);color:#fff}.btn-outline-hearts{color:#f72c93;border-color:#f72c93}.btn-outline-hearts:hover{background-color:#f72c93;color:#fff}.btn:disabled,.btn.disabled{opacity:.65;cursor:not-allowed}.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-header{background-color:#f8f9fa;border-bottom:1px solid rgba(0,0,0,.125)}.plan-card{transition:all .3s ease;height:100%}.plan-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.plan-card .card-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;font-weight:bold;text-align:center;padding:1rem}.plan-card.featured .card-header{background:linear-gradient(135deg, #f72c93 0%, #d11b68 100%)}.fixed-top{z-index:1030}.modal{z-index:1055}.modal-backdrop{z-index:1050}.dropdown-menu{z-index:1000}@media(max-width: 767px){.table-responsive{border:0}.table-comparison{font-size:.875rem}.table-comparison th,.table-comparison td{padding:.5rem}}@media(min-width: 768px)and (max-width: 991px){.navbar-expand-lg .navbar-nav{flex-direction:row;flex-wrap:wrap;justify-content:center}.navbar-expand-lg .navbar-nav .nav-item{margin:0 .5rem}}.navbar-social-container{display:flex;align-items:center;gap:.75rem;margin-left:auto;margin-right:1rem}@media(max-width: 991px){.navbar-social-container{display:none}}.navbar-social-container .social-icon{font-size:1.1rem;transition:all .3s ease}@media(max-width: 991px){.navbar-collapse{margin-top:1rem;padding:1rem;background:rgba(0,0,0,.05);border-radius:10px}}@media(min-width: 992px){.navbar-beautiful .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-beautiful .navbar-nav{flex-direction:row !important;align-items:center;gap:.5rem}.navbar-beautiful .navbar-nav .nav-item{margin:0}.navbar-beautiful .navbar-nav .nav-item .nav-link{padding:.5rem .75rem !important;white-space:nowrap}.navbar-beautiful .dropdown.m-0{margin:0 !important}.navbar-beautiful .dropdown.m-0 .nav-language-btn,.navbar-beautiful .dropdown.m-0 .services-dropdown{padding:.375rem .75rem}.navbar-beautiful .navbar-social-container{display:flex !important;margin-right:1rem;order:-1}.navbar-beautiful.navbar-dnaromance,.navbar-beautiful.navbar-datemetrix,.navbar-beautiful.navbar-genepool,.navbar-beautiful.navbar-wellmatched,.navbar-beautiful.navbar-generecovery,.navbar-beautiful.navbar-heritablehealth{min-height:70px;padding:.5rem 0}.navbar-beautiful.navbar-dnaromance .container-fluid,.navbar-beautiful.navbar-datemetrix .container-fluid,.navbar-beautiful.navbar-genepool .container-fluid,.navbar-beautiful.navbar-wellmatched .container-fluid,.navbar-beautiful.navbar-generecovery .container-fluid,.navbar-beautiful.navbar-heritablehealth .container-fluid{align-items:center}.navbar-expand-lg .navbar-nav{display:flex !important;flex-direction:row !important}.navbar-expand-lg .navbar-toggler{display:none !important}.navbar-expand-lg .navbar-collapse{display:flex !important;visibility:visible !important}}.nav-signout-btn{background:none;border:none;color:inherit;padding:.5rem 1rem;font:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;font-weight:600;transition:all .3s ease}.nav-signout-btn:hover{opacity:.8}.services-dropdown{background:rgba(0,0,0,0) !important;border:1px solid hsla(0,0%,100%,.3);border-radius:20px;color:inherit !important;font-size:14px;padding:.5rem 1rem;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.services-dropdown:hover,.services-dropdown:focus{background:hsla(0,0%,100%,.1) !important;border-color:hsla(0,0%,100%,.95)}.services-dropdown::after{display:none}.services-dropdown .dropdown-symbol{margin-left:.5rem;font-size:.8em}.services-li .dropdown-menu{margin-top:.5rem;border-radius:10px;border:none;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:1rem;min-width:280px}.services-li .dropdown-menu .dropdown-header{font-weight:700;text-transform:uppercase;color:#666;font-size:.85rem;padding:.5rem 1rem}.services-li .dropdown-menu .dropdown-item{padding:.75rem 1rem;border-radius:5px;transition:all .3s ease}.services-li .dropdown-menu .dropdown-item:hover{background:#f8f9fa;transform:translateX(5px)}.services-li .dropdown-menu .dropdown-item .fas,.services-li .dropdown-menu .dropdown-item .fab{width:20px;text-align:center}.services-li .dropdown-menu .dropdown-item small{display:block;margin-top:.25rem;font-size:.8rem}.services-li .dropdown-menu .dropdown-divider{margin:.75rem 0}.press-section{padding:60px 0;background-color:#f8f9fa}.press-card{height:100%;transition:all .3s ease;border:none;box-shadow:0 2px 4px rgba(0,0,0,.1)}.press-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.press-card .card-body{min-height:250px;display:flex;flex-direction:column}.press-card .press-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem;color:#6c757d}.press-card .card-title{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:.5rem}.press-card .card-text{flex-grow:1;font-size:.9rem;color:#666}.press-card .btn-read-more{margin-top:auto;align-self:flex-start}@media(max-width: 768px){.press-card .card-body{min-height:200px}}@media(max-width: 575px){.press-card .press-icon{font-size:1.5rem;width:40px;height:40px}.press-card .card-title{font-size:1rem}.press-card .card-text{font-size:.85rem}}.team-section{padding:60px 0}.team-section .team-member{text-align:center;margin-bottom:30px}.team-section .team-member img{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:15px}.team-section .team-member h4{font-size:1.2rem;margin-bottom:5px}.team-section .team-member .role{color:#6c757d;font-style:italic;margin-bottom:10px}.team-section .team-member .bio{font-size:.9rem;color:#666}.text-primary{color:var(--color-primary) !important}.bg-primary{background-color:var(--color-primary) !important}.btn-primary{background-color:var(--color-primary);border-color:var(--color-primary)}.btn-primary:hover,.btn-primary:focus{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.card a{color:var(--color-primary)}.card a:hover{color:var(--color-primary-dark)}.bg-dark .text-muted{color:#374151 !important}a:focus,button:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:8px;text-decoration:none;z-index:100}.skip-link:focus{top:0}@media(prefers-contrast: high){.btn{border-width:2px}.card{border:2px solid #000}}@media(prefers-color-scheme: dark){body{background-color:#121212;color:#e0e0e0}.card{background-color:#1e1e1e;border-color:#333}.navbar{background-color:#1e1e1e !important}.dropdown-menu{background-color:#2a2a2a;border-color:#444}.dropdown-item{color:#e0e0e0}.dropdown-item:hover{background-color:#333}}.blog-card{height:100%;transition:all .3s ease;overflow:hidden}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-card .blog-image{height:200px;overflow:hidden}.blog-card .blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card .card-body{padding:1.25rem;flex:1}.blog-card .card-body p{margin-bottom:1rem;font-size:.95rem;line-height:1.6;color:#555}.blog-card .card-body p:last-child{margin-bottom:0}.blog-card .card-body p a{color:var(--color-primary);text-decoration:none;font-weight:500}.blog-card .card-body p a:hover{text-decoration:underline}.blog-card .blog-meta{font-size:.875rem;color:#666;margin-bottom:.75rem}.blog-card .blog-meta i{margin-right:.25rem}.blog-card .blog-meta span{margin-right:1rem}.blog-card .blog-meta span:last-child{margin-right:0}.blog-card .blog-tags{margin-top:1rem}.blog-card .blog-tags .badge{margin-right:.5rem;font-weight:normal}.blog-card .blog-tags .badge:last-child{margin-right:0}.pagination{margin-top:3rem;justify-content:center}.pagination .page-link{color:var(--color-primary);border-radius:50%;margin:0 .25rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.pagination .page-link:hover{background-color:var(--color-primary);color:#fff}.pagination .page-item.active .page-link{background-color:var(--color-primary);border-color:var(--color-primary)}.pagination .page-item.disabled .page-link{color:#ccc}.search-form .form-control{border-radius:50px;padding-left:2.5rem}.search-form .form-control:focus{box-shadow:0 0 0 .2rem rgba(var(--color-primary), 0.25)}.search-form .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666}.tag-cloud .tag-item{display:inline-block;margin:.25rem}.tag-cloud .tag-item .badge{font-size:.875rem;font-weight:normal;padding:.5rem 1rem}.tag-cloud .tag-item .badge:hover{background-color:var(--color-primary);color:#fff}.newsletter-signup{background-color:#f8f9fa;padding:2rem;border-radius:10px;margin-top:2rem}.newsletter-signup h3{margin-bottom:1rem}.newsletter-signup .form-control{border-radius:50px 0 0 50px}.newsletter-signup .btn{border-radius:0 50px 50px 0}.social-share{margin:2rem 0}.social-share .share-btn{display:inline-block;margin-right:.5rem;padding:.5rem 1rem;border-radius:50px;text-decoration:none;color:#fff;transition:all .3s ease}.social-share .share-btn:hover{transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,.2)}.social-share .share-btn.facebook{background-color:#3b5998}.social-share .share-btn.twitter{background-color:#1da1f2}.social-share .share-btn.linkedin{background-color:#0077b5}.social-share .share-btn.email{background-color:#666}.social-share .share-btn i{margin-right:.5rem}.related-posts{margin-top:3rem;padding-top:3rem;border-top:1px solid #eee}.related-posts h3{margin-bottom:2rem}.related-posts .related-post-item{margin-bottom:1.5rem}.related-posts .related-post-item h5{font-size:1.1rem;margin-bottom:.5rem}.related-posts .related-post-item h5 a{color:#333;text-decoration:none}.related-posts .related-post-item h5 a:hover{color:var(--color-primary)}.related-posts .related-post-item .text-muted{font-size:.875rem;color:#374151 !important}.comments-section{margin-top:3rem;padding-top:3rem;border-top:1px solid #eee}.comments-section .comment-item{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #f0f0f0}.comments-section .comment-item:last-child{border-bottom:none;padding-bottom:0}.comments-section .comment-item .comment-header{display:flex;align-items:center;margin-bottom:1rem}.comments-section .comment-item .comment-header .avatar{width:40px;height:40px;border-radius:50%;margin-right:1rem}.comments-section .comment-item .comment-header .comment-meta{flex:1}.comments-section .comment-item .comment-header .comment-meta .author{font-weight:600;margin-bottom:.25rem}.comments-section .comment-item .comment-header .comment-meta .date{font-size:.875rem;color:#666}.comments-section .comment-item .comment-body{margin-left:56px}.comments-section .comment-item .comment-body p{margin-bottom:.5rem}.comments-section .comment-item .comment-body p:last-child{margin-bottom:0}.comments-section .comment-item .comment-actions{margin-left:56px;margin-top:.5rem}.comments-section .comment-item .comment-actions button{font-size:.875rem;color:#666;background:none;border:none;padding:0;margin-right:1rem;cursor:pointer}.comments-section .comment-item .comment-actions button:hover{color:var(--color-primary)}.comments-section .comment-item .comment-actions button i{margin-right:.25rem}.author-bio{background-color:#f8f9fa;padding:2rem;border-radius:10px;margin-top:3rem;display:flex;align-items:flex-start}.author-bio .author-avatar{width:80px;height:80px;border-radius:50%;margin-right:1.5rem;flex-shrink:0}.author-bio .author-info{flex:1}.author-bio .author-info h4{margin-bottom:.5rem}.author-bio .author-info .bio{margin-bottom:1rem;color:#666}.author-bio .author-info .social-links a{display:inline-block;margin-right:1rem;color:#666;font-size:1.2rem}.author-bio .author-info .social-links a:hover{color:var(--color-primary)}.archive-header{background-color:#f8f9fa;padding:3rem 0;margin-bottom:3rem}.archive-header h1{margin-bottom:1rem}.archive-header .archive-description{font-size:1.1rem;color:#666}.archive-filters{margin-bottom:2rem}.archive-filters .filter-group{margin-bottom:1rem}.archive-filters .filter-group label{font-weight:600;margin-right:1rem}.archive-filters .filter-group select,.archive-filters .filter-group input{max-width:200px}.taxonomy-header{text-align:center;padding:3rem 0;margin-bottom:3rem}.taxonomy-header .taxonomy-icon{font-size:4rem;color:var(--color-primary);margin-bottom:1rem}.taxonomy-header h1{margin-bottom:1rem}.taxonomy-header .taxonomy-description{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.taxonomy-header .post-count{margin-top:1rem;font-size:.9rem;color:#666}pre{background-color:#f4f4f4;border:1px solid #ddd;border-radius:4px;padding:1rem;overflow-x:auto}pre code{background-color:rgba(0,0,0,0);padding:0;color:#333}code{background-color:#f4f4f4;padding:.2rem .4rem;border-radius:3px;font-size:.875rem;color:#d14}blockquote{border-left:4px solid var(--color-primary);padding-left:1rem;margin:1.5rem 0;font-style:italic;color:#666}blockquote p{margin-bottom:.5rem}blockquote p:last-child{margin-bottom:0}blockquote cite{display:block;margin-top:.5rem;font-size:.875rem;color:#666;font-style:normal}blockquote cite:before{content:"— "}.table-responsive{margin:1.5rem 0}.table-responsive table{min-width:100%}.table-responsive table th{background-color:#f8f9fa;font-weight:600;text-align:left;padding:.75rem;border-bottom:2px solid #dee2e6}.table-responsive table td{padding:.75rem;border-bottom:1px solid #dee2e6}.table-responsive table tr:last-child td{border-bottom:none}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background-color:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{background-color:var(--color-primary-dark);transform:translateY(-5px)}.spinner-container{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner-container .spinner-border{width:3rem;height:3rem;color:var(--color-primary)}.error-page{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center}.error-page .error-code{font-size:8rem;font-weight:bold;color:var(--color-primary);line-height:1}.error-page .error-message{font-size:1.5rem;margin:1rem 0}.error-page .error-description{color:#666;margin-bottom:2rem}@media print{.navbar,.footer,.sidebar,.social-share,.comments-section,.newsletter-signup,.back-to-top{display:none !important}body{font-size:12pt;line-height:1.5}h1,h2,h3,h4,h5,h6{page-break-after:avoid}img{max-width:100% !important}a{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}}.nav-language-btn{font-size:14px !important;padding:.5rem 1rem !important;background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.3);border-radius:20px}.nav-language-btn .language-text{display:none;font-weight:700;text-transform:uppercase}.nav-language-btn .flag-icon{margin-right:.25rem}.nav-language-btn::after{content:attr(data-lang-code);font-weight:700;text-transform:uppercase;margin-left:.25rem}@media(min-width: 992px){.nav-language-btn{font-size:16px !important}.nav-language-btn .language-text{display:inline;font-weight:700;text-transform:uppercase}.nav-language-btn::after{content:none}}.who-we-serve-section .compact-card{min-height:auto !important;padding:2rem 1.5rem}.who-we-serve-section .compact-card .card-title{font-size:1.25rem;margin-bottom:1rem}.who-we-serve-section .compact-card .card-text{font-size:.95rem;line-height:1.6;margin-bottom:0}.who-we-serve-section .compact-card .fa-4x{font-size:3rem;margin-bottom:1rem !important}@media(max-width: 768px){.who-we-serve-section.py-5{padding-top:2rem !important;padding-bottom:2rem !important}.who-we-serve-section .compact-card{padding:1.5rem 1rem}}.banner3-couples-report{background-image:url("/static/images/background/couple-skyline.webp");background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center}.no-webp .banner3-couples-report{background-image:url("/static/images/background/couple-skyline.jpeg")}.banner3-couples-report .banner3-content{background-color:rgba(15,117,189,.9);padding:3rem;border-radius:15px;margin:0 auto;text-align:center}.banner3-couples-report .banner3-title{color:#fff;text-align:center}.top-social3{position:relative;z-index:1030}.top-social3 .top-nav{width:100%}.navbar{transition:all .3s ease;padding:1rem 0;box-shadow:0 2px 10px rgba(0,0,0,.1)}.navbar.fixed-top{backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px)}.navbar .navbar-brand{font-weight:800;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px;transition:all .3s ease}.navbar .navbar-brand:hover{transform:scale(1.05);text-shadow:0 0 20px hsla(0,0%,100%,.3)}.navbar .navbar-brand:hover img{transform:rotate(3deg) scale(1.05);filter:brightness(1.1) contrast(1.1)}.navbar .navbar-brand img{height:50px;width:auto;transition:all .3s ease}.navbar .navbar-nav .nav-link{font-weight:600;font-size:1rem;letter-spacing:.5px;text-transform:uppercase;position:relative;padding:.5rem 1.2rem !important;transition:all .3s ease}.navbar .navbar-nav .nav-link::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:currentColor;transition:all .3s ease;transform:translateX(-50%)}.navbar .navbar-nav .nav-link:hover::after,.navbar .navbar-nav .nav-link.active::after{width:80%}.navbar .navbar-toggler{border:2px solid hsla(0,0%,100%,.95);padding:.25rem .5rem}.navbar .navbar-toggler:focus{box-shadow:0 0 0 .2rem hsla(0,0%,100%,.25)}.navbar-dnaromance{background:linear-gradient(135deg, #FF1744 0%, #FF6B8A 100%) !important;box-shadow:0 2px 10px rgba(255,23,68,.3)}.navbar-dnaromance .navbar-brand,.navbar-dnaromance .nav-link{color:#fff !important}.navbar-dnaromance .navbar-nav .nav-link::after{background:#fff}.navbar-dnaromance .navbar-nav .nav-link:hover{color:#ffe5ec !important;transform:translateY(-2px)}.navbar-dnaromance .btn-accent{background:#fff;color:#ff1744;border:none;font-weight:700}.navbar-dnaromance .btn-accent:hover{background:#ffe5ec;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.navbar-dnaromance .social-icon{color:hsla(0,0%,100%,.9) !important}.navbar-dnaromance .social-icon:hover{color:#fff !important;transform:scale(1.2)}.navbar-datemetrix{background:linear-gradient(135deg, #6a1b9a 0%, #9333EA 100%) !important;box-shadow:0 2px 10px rgba(107,70,193,.3)}.navbar-datemetrix .navbar-brand{font-weight:800;color:#fff !important;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px;transition:all .3s ease}.navbar-datemetrix .navbar-brand:hover{transform:scale(1.05);text-shadow:0 0 20px hsla(0,0%,100%,.95)}.navbar-datemetrix .navbar-brand:hover img{transform:rotate(5deg) scale(1.1);filter:brightness(1.2) contrast(1.2) drop-shadow(0 0 10px rgba(255, 255, 255, 0.95))}.navbar-datemetrix .navbar-brand img{height:45px;width:auto;filter:brightness(1.1) contrast(1.1);transition:all .3s ease}.navbar-datemetrix .navbar-nav .nav-link{color:#fff !important;font-weight:600;font-size:1.05rem;letter-spacing:.5px;text-transform:uppercase;position:relative;padding:.5rem 1.2rem !important}.navbar-datemetrix .navbar-nav .nav-link::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:#f7b500;transition:all .3s ease;transform:translateX(-50%)}.navbar-datemetrix .navbar-nav .nav-link:hover{color:#f7b500 !important;transform:translateY(-2px)}.navbar-datemetrix .navbar-nav .nav-link:hover::after{width:80%}.navbar-datemetrix .dropdown-menu{background:#7c3aed;border:none;box-shadow:0 5px 15px rgba(107,70,193,.3)}.navbar-datemetrix .dropdown-menu .dropdown-item{color:#fff !important;font-weight:500;transition:all .3s ease}.navbar-datemetrix .dropdown-menu .dropdown-item:hover{background:#6a1b9a;color:#f7b500 !important;padding-left:25px}.step-icon{width:80px;height:80px;transition:transform .3s ease,box-shadow .3s ease}.step-icon:hover{transform:scale(1.1);box-shadow:0 8px 16px rgba(0,0,0,.2)}body.datemetrix h1,body.datemetrix h2,body.datemetrix h3,body.datemetrix h4,body.datemetrix h5,body.datemetrix h6,body.datemetrix .h1,body.datemetrix .h2,body.datemetrix .h3,body.datemetrix .h4,body.datemetrix .h5,body.datemetrix .h6,.datemetrix h1,.datemetrix h2,.datemetrix h3,.datemetrix h4,.datemetrix h5,.datemetrix h6,.datemetrix .h1,.datemetrix .h2,.datemetrix .h3,.datemetrix .h4,.datemetrix .h5,.datemetrix .h6{color:#2e86ab !important;text-shadow:none !important;font-weight:700}body.datemetrix p,.datemetrix p{color:#333 !important;text-shadow:none !important}body.datemetrix main h1,body.datemetrix main h2,body.datemetrix main h3,body.datemetrix main h4,body.datemetrix main h5,body.datemetrix main h6,body.datemetrix .container h1,body.datemetrix .container h2,body.datemetrix .container h3,body.datemetrix .container h4,body.datemetrix .container h5,body.datemetrix .container h6,body.datemetrix section h1,body.datemetrix section h2,body.datemetrix section h3,body.datemetrix section h4,body.datemetrix section h5,body.datemetrix section h6,.datemetrix main h1,.datemetrix main h2,.datemetrix main h3,.datemetrix main h4,.datemetrix main h5,.datemetrix main h6,.datemetrix .container h1,.datemetrix .container h2,.datemetrix .container h3,.datemetrix .container h4,.datemetrix .container h5,.datemetrix .container h6,.datemetrix section h1,.datemetrix section h2,.datemetrix section h3,.datemetrix section h4,.datemetrix section h5,.datemetrix section h6{color:#2e86ab !important;text-shadow:none !important}body.datemetrix .banner3-datemetrix h1,body.datemetrix .banner3-datemetrix h2,body.datemetrix .banner3-datemetrix h3,body.datemetrix .banner3-datemetrix p,body.datemetrix .hero-section h1,body.datemetrix .hero-section p,.datemetrix .banner3-datemetrix h1,.datemetrix .banner3-datemetrix h2,.datemetrix .banner3-datemetrix h3,.datemetrix .banner3-datemetrix p,.datemetrix .hero-section h1,.datemetrix .hero-section p{color:#fff !important;text-shadow:2px 2px 4px rgba(0,0,0,.7) !important}.navbar-datemetrix{background:linear-gradient(135deg, #6a1b9a 0%, #9333EA 100%) !important;background-image:linear-gradient(135deg, #6a1b9a 0%, #9333EA 100%) !important;background-color:#6a1b9a !important}.navbar-datemetrix.navbar{background:linear-gradient(135deg, #6a1b9a 0%, #9333EA 100%) !important;background-image:linear-gradient(135deg, #6a1b9a 0%, #9333EA 100%) !important}@media(max-width: 991px){.navbar-datemetrix .navbar-collapse{background:linear-gradient(135deg, #6a1b9a 0%, #9333EA 100%) !important;padding:1rem;border-radius:10px;margin-top:10px}}.navbar-datemetrix .navbar-brand,.navbar-datemetrix .nav-link,.navbar-datemetrix .navbar-toggler{color:#fff !important}.navbar-datemetrix .social-icon{color:hsla(0,0%,100%,.9) !important}.navbar-datemetrix .social-icon:hover{color:#f7b500 !important}.navbar-genepool{background:linear-gradient(135deg, #00897b 0%, #00BFA5 100%) !important;box-shadow:0 2px 10px rgba(0,137,123,.3)}.navbar-genepool .navbar-brand{font-weight:800;color:#fff !important;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px;transition:all .3s ease}.navbar-genepool .navbar-brand:hover{transform:scale(1.05);text-shadow:0 0 20px hsla(0,0%,100%,.95)}.navbar-genepool .navbar-brand:hover img{transform:rotate(-5deg) scale(1.1);filter:brightness(1.2) contrast(1.2) drop-shadow(0 0 10px rgba(255, 255, 255, 0.95))}.navbar-genepool .navbar-brand img{height:45px;width:auto;filter:brightness(1.1) contrast(1.1);transition:all .3s ease}.navbar-genepool .navbar-nav .nav-link{color:#fff !important;font-weight:600;font-size:1.05rem;letter-spacing:.5px;text-transform:uppercase;position:relative;padding:.5rem 1.2rem !important}.navbar-genepool .navbar-nav .nav-link::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:#64ffda;transition:all .3s ease;transform:translateX(-50%)}.navbar-genepool .navbar-nav .nav-link:hover{color:#64ffda !important;transform:translateY(-2px)}.navbar-genepool .navbar-nav .nav-link:hover::after{width:80%}.navbar-genepool .dropdown-menu{background:#00a693;border:none;box-shadow:0 5px 15px rgba(0,137,123,.3)}.navbar-genepool .dropdown-menu .dropdown-item{color:#fff !important;font-weight:500;transition:all .3s ease}.navbar-genepool .dropdown-menu .dropdown-item:hover{background:#00897b;color:#64ffda !important;padding-left:25px}.navbar-heritablehealth{background:linear-gradient(135deg, #007BFF 0%, #0056B3 100%) !important;box-shadow:0 2px 10px rgba(0,123,255,.3)}.navbar-heritablehealth .navbar-brand,.navbar-heritablehealth .nav-link{color:#fff !important}.navbar-heritablehealth .navbar-nav .nav-link::after{background:#fff}.navbar-heritablehealth .navbar-nav .nav-link:hover{color:#e3f2fd !important;transform:translateY(-2px)}.navbar-heritablehealth .btn-accent{background:#fff;color:#007bff;border:none;font-weight:700}.navbar-heritablehealth .btn-accent:hover{background:#e3f2fd;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.navbar-heritablehealth .social-icon{color:hsla(0,0%,100%,.9) !important}.navbar-heritablehealth .social-icon:hover{color:#fff !important;transform:scale(1.2)}.navbar-heritablehealth .navbar-social-container{background:rgba(0,0,0,.1);padding:.25rem .5rem;border-radius:20px}.navbar-generecovery{background:linear-gradient(135deg, #388E3C 0%, #4CAF50 100%) !important;box-shadow:0 2px 10px rgba(56,142,60,.3)}.navbar-generecovery .navbar-brand,.navbar-generecovery .nav-link{color:#fff !important}.navbar-generecovery .navbar-nav .nav-link::after{background:#fff}.navbar-generecovery .navbar-nav .nav-link:hover{color:#e8f5e9 !important;transform:translateY(-2px)}.navbar-generecovery .btn-accent{background:#fff;color:#388e3c;border:none;font-weight:700}.navbar-generecovery .btn-accent:hover{background:#e8f5e9;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.navbar-generecovery .social-icon{color:hsla(0,0%,100%,.9) !important}.navbar-generecovery .social-icon:hover{color:#fff !important;transform:scale(1.2)}.navbar-generecovery .navbar-social-container{background:rgba(0,0,0,.1);padding:.25rem .5rem;border-radius:20px}.navbar-wellmatched{background:linear-gradient(135deg, #1976D2 0%, #2196F3 100%) !important;box-shadow:0 2px 10px rgba(25,118,210,.3)}.navbar-wellmatched .navbar-brand,.navbar-wellmatched .nav-link{color:#fff !important}.navbar-wellmatched .navbar-nav .nav-link::after{background:#fff}.navbar-wellmatched .navbar-nav .nav-link:hover{color:#e3f2fd !important;transform:translateY(-2px)}.navbar-wellmatched .btn-accent{background:#fff;color:#1976d2;border:none;font-weight:700}.navbar-wellmatched .btn-accent:hover{background:#e3f2fd;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.navbar-wellmatched .social-icon{color:hsla(0,0%,100%,.9) !important}.navbar-wellmatched .social-icon:hover{color:#fff !important;transform:scale(1.2)}.navbar-brand-enhanced{position:relative;padding:5px 15px;border-radius:50px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);transition:all .3s ease}.navbar-brand-enhanced:hover{background:hsla(0,0%,100%,.2);box-shadow:0 0 20px hsla(0,0%,100%,.3)}.btn{font-weight:500;min-height:44px;padding:.5rem 1.5rem;transition:all .2s ease}.btn:focus{outline:3px solid currentColor;outline-offset:2px}.btn-secondary{background-color:#6c757d;color:#fff !important;border-color:#6c757d}.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active{background-color:#545b62 !important;color:#fff !important;border-color:#545b62}.btn-light{background-color:#fff;color:#212529 !important;border:2px solid #6c757d;font-weight:500}.btn-light:hover,.btn-light:focus,.btn-light:active{background-color:#212529 !important;color:#fff !important;border-color:#212529;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.btn-info{background-color:#17a2b8;color:#fff !important;border-color:#17a2b8}.btn-info:hover,.btn-info:focus,.btn-info:active{background-color:#138496 !important;color:#fff !important;border-color:#138496}.btn-outline-light{border-width:2px;font-weight:600;background-color:hsla(0,0%,100%,.1)}.btn-outline-light:hover,.btn-outline-light:focus,.btn-outline-light:active{background-color:#fff !important;color:#212529 !important;border-color:#fff}.btn-overlay-light{background-color:hsla(0,0%,100%,.2);color:#fff !important;border:2px solid #fff;font-weight:600}.btn-overlay-light:hover,.btn-overlay-light:focus,.btn-overlay-light:active{background-color:#fff !important;color:var(--primary-color) !important;border-color:#fff}.btn-outline-dark{border-width:2px;font-weight:500}.btn-outline-dark:hover,.btn-outline-dark:focus,.btn-outline-dark:active{background-color:#212529 !important;color:#fff !important}.banner3-datemetrix .btn-outline-light:hover,.banner3-datemetrix .btn-outline-light:focus{color:#6a1b9a !important}.banner3-genepool .btn-outline-light:hover,.banner3-genepool .btn-outline-light:focus{color:#00897b !important}.banner3-wellmatched .btn-outline-light:hover,.banner3-wellmatched .btn-outline-light:focus{color:#1976d2 !important}.btn-primary{background-color:#0f75bd;color:#fff !important;border-color:#0f75bd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:#0c5c96 !important;color:#fff !important;border-color:#0c5c96}.btn-primary:disabled{background-color:#6c757d;border-color:#6c757d;opacity:.65}.btn-cta{background-color:#f72c93;color:#fff !important;border-color:#f72c93;font-weight:600}.btn-cta:hover,.btn-cta:focus,.btn-cta:active{background-color:#d11b68 !important;color:#fff !important;border-color:#d11b68}.banner3-datingwingman{background:linear-gradient(135deg, #7B68EE 0%, #FF69B4 100%);background-size:cover;background-position:center}.banner3-datingwingman .btn-outline-light:hover,.banner3-datingwingman .btn-outline-light:focus{color:#7b68ee !important;border-color:#7b68ee !important}.datingwingman .text-primary{color:#7b68ee !important}.datingwingman .bg-primary{background-color:#7b68ee !important}.datingwingman .btn-primary{background-color:#7b68ee;border-color:#7b68ee}.datingwingman .btn-primary:hover,.datingwingman .btn-primary:focus,.datingwingman .btn-primary:active{background-color:#6a5acd !important;border-color:#6a5acd !important}.datingwingman .text-secondary{color:#374151 !important}.datingwingman .bg-secondary{background-color:hotpink !important}.datingwingman .text-accent{color:gold !important}.datingwingman .bg-accent{background-color:gold !important}.datingwingman .chat-interface{background:#f8f9fa;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.datingwingman .chat-message.user{background:#7b68ee;color:#fff;border-radius:18px 18px 4px 18px}.datingwingman .chat-message.wingman{background:#e9ecef;color:#333;border-radius:18px 18px 18px 4px}.datingwingman .feature-card{border:2px solid rgba(0,0,0,0);background:linear-gradient(white, white) padding-box,linear-gradient(135deg, #7B68EE, #FF69B4) border-box;transition:transform .3s ease}.datingwingman .feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(123,104,238,.2)}.datingwingman .pricing-card.premium{border:2px solid #7b68ee;position:relative}.datingwingman .pricing-card.premium .badge-popular{position:absolute;top:-12px;right:20px;background:gold;color:#333;padding:4px 16px;border-radius:20px;font-weight:600}.blog-section .container{max-width:1200px !important;padding:0 15px !important}.blog-section .row{margin:0 !important;width:100% !important;display:block !important}.blog-section .row>.text-center{width:100% !important;max-width:100% !important;display:block !important;margin:0 !important;padding:0 !important}.blog-section .row>.text-center #wrapper{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;display:block !important}.blog-section .row>.text-center #wrapper #main{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;display:block !important}.blog-section .col-12,.blog-section .col-lg-12,.blog-section .col-md-12{max-width:100% !important;flex:0 0 100% !important;width:100% !important}.blog-section article.post{max-width:900px !important;width:100% !important;margin:0 auto 3rem auto !important;padding:3rem !important;text-align:left !important;box-sizing:border-box !important}.blog-section article.post *{text-align:left !important}.blog-section article.post h1{text-align:center !important;margin-bottom:2rem !important}.blog-section article.post h2{text-align:center !important;margin:3rem 0 1.5rem 0 !important}.blog-section article.post .image,.blog-section article.post figure,.blog-section article.post a.image{display:block !important;text-align:center !important;margin:0 auto !important}.blog-section article.post .image img,.blog-section article.post figure img,.blog-section article.post a.image img{display:block !important;margin:0 auto !important;text-align:center !important}.blog-section article.post div[style*="max-width: 31.25rem"]{max-width:100% !important}.blog-section article.post header{width:100% !important}.blog-section article.post header .title{width:100% !important}.blog-section article.post .text-start{width:100% !important;text-align:left !important}.blog-section article.post .text-start p,.blog-section article.post .text-start h3,.blog-section article.post .text-start h4{text-align:left !important}.blog-section article.post>.text-center{text-align:center !important;margin:2rem 0 !important}.blog-section article.post>.text-center .btnn,.blog-section article.post>.text-center .btn{display:inline-block !important;margin:.5rem !important;text-align:center !important}@media(max-width: 768px){.blog-section article.post{padding:1.5rem !important;max-width:100% !important}.blog-section .container{padding:0 10px !important}}.chat-container{height:55vh;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,0)}.chat-container::-webkit-scrollbar{width:8px}.chat-container::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.chat-container::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:4px}:focus-visible{outline:2px solid var(--bs-primary);outline-offset:2px}button:focus-visible,.btn:focus-visible{outline:2px solid var(--bs-primary);outline-offset:2px;box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.25)}a:focus-visible{outline:2px solid var(--bs-primary);outline-offset:2px;text-decoration:underline}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--bs-primary);outline-offset:0;border-color:var(--bs-primary);box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.25)}.skip-link{position:absolute;top:-40px;left:0;background:var(--bs-primary);color:#fff;padding:8px;text-decoration:none;border-radius:0 0 4px 0;z-index:9999}.skip-link:focus{top:0}.btn-primary{background-color:#0056b3;color:#fff}.btn-primary:hover{background-color:#004494}.heart-rating-btn,.btn-sm{min-width:44px;min-height:44px}@media(min-width: 768px){.heart-rating-btn,.btn-sm{min-width:auto;min-height:auto}}.img-responsive{max-width:100%;height:auto}.hero-image{width:100%;height:auto;object-fit:cover}@media(min-width: 768px){.hero-image{min-height:400px}}@media(min-width: 992px){.hero-image{min-height:500px}}.global-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:none;justify-content:center;align-items:center;z-index:9999}.global-loading-spinner{text-align:center}.btn[disabled]{cursor:not-allowed;opacity:.7}.form-loading{opacity:.7}.dnaparent{display:flex;flex-wrap:wrap;gap:var(--space-xl);justify-content:center;margin:var(--space-2xl) 0}@media(max-width: 768px){.dnaparent{flex-direction:column;align-items:center;gap:var(--space-lg)}}.dnaoption1,.dnaoption2{flex:1;max-width:500px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl);transition:all var(--duration-normal) var(--easing-out);border:1px solid var(--color-gray-200)}.dnaoption1:hover,.dnaoption2:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.dnaoption1 h4,.dnaoption2 h4{color:var(--color-primary);margin-bottom:var(--space-lg);font-size:var(--font-size-xl);text-align:center}.dnaoption1 p,.dnaoption2 p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-md)}.dnaoption1 b,.dnaoption2 b{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}@media(max-width: 768px){.dnaoption1,.dnaoption2{max-width:100%;padding:var(--space-lg)}}.dnaimg{max-width:200px;height:auto;display:block;margin:0 auto var(--space-lg);transition:transform var(--duration-fast) var(--easing-out)}.dnaimg:hover{transform:scale(1.05)}.dnafont{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);text-align:center}.dnafont a{color:var(--color-primary);text-decoration:underline;transition:color var(--duration-fast)}.dnafont a:hover{color:var(--color-primary-dark)}.dnafont-small{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-normal)}.dnaoption1 p[class*=text-start],.dnaoption2 p[class*=text-start]{text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}#dnaoption1-after,#dnaoption2-after{display:none;background-color:var(--color-gray-50);padding:var(--space-lg);margin-top:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}#dnaoption1-after p,#dnaoption2-after p{margin:0;font-size:var(--font-size-sm)}.custom-style-db88bf9b{flex:1;max-width:500px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl);transition:all var(--duration-normal) var(--easing-out);border:1px solid var(--color-gray-200);position:relative;overflow:hidden}.custom-style-db88bf9b:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.custom-style-db88bf9b h4{color:var(--color-primary);margin-bottom:var(--space-lg);font-size:var(--font-size-xl);text-align:center}.custom-style-db88bf9b p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-md)}.custom-style-db88bf9b b{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}@media(max-width: 768px){.custom-style-db88bf9b{max-width:100%;padding:var(--space-lg)}}.custom-style-db88bf9b::before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle, var(--color-primary-light) 0%, transparent 70%);opacity:0;transition:opacity var(--duration-slow);pointer-events:none}.custom-style-db88bf9b:hover::before{opacity:.1}.custom-style-99295706{display:none;background-color:var(--color-gray-50);padding:var(--space-lg);margin-top:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.custom-style-99295706 p{margin:0;font-size:var(--font-size-sm)}.custom-style-29bcd606{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-white);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-radius:50px;box-shadow:0 4px 15px rgba(var(--color-primary-rgb), 0.3);transition:all var(--duration-normal) var(--easing-out);display:inline-block;text-decoration:none;border:none}.custom-style-29bcd606:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-primary-rgb), 0.4);background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);color:var(--color-white)}.custom-style-29bcd606:active{transform:translateY(0);box-shadow:0 2px 10px rgba(var(--color-primary-rgb), 0.3)}.custom-style-29bcd606 img{vertical-align:middle;margin-left:var(--space-sm)}@media(min-width: 768px)and (max-width: 991px){.dnaparent{gap:var(--space-lg)}.dnaoption1,.dnaoption2{padding:var(--space-lg)}}@media(prefers-contrast: high){.dnaoption1,.dnaoption2{border:2px solid var(--color-text-primary)}}.loading-skeleton{background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.focus-trap{outline:none}.focus-trap:focus-visible{outline:3px solid var(--bs-primary);outline-offset:2px}@media(prefers-contrast: high){.btn{border-width:2px}.skip-link{border:2px solid}}@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}.spinner-border{animation:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.hero-section{contain:layout style;will-change:transform}img,video{height:auto}.skeleton-loader{background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;border-radius:4px;height:20px}@keyframes loading-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@supports(container-type: inline-size){.responsive-grid{container-type:inline-size}@container (min-width: 768px){.card-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem}}}.focus-trap{outline:2px solid var(--bs-primary);outline-offset:2px}.form-announcer{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.rate-limit-warning{background:linear-gradient(45deg, #ffc107, #ff8c00);color:#000;padding:12px;border-radius:6px;margin:16px 0;font-weight:500}.webauthn-container{padding:20px;border:2px dashed #007bff;border-radius:12px;text-align:center;margin:20px 0;background:rgba(0,123,255,.05)}.webauthn-button{background:linear-gradient(135deg, #007bff, #0056b3);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:500;transition:all .3s ease}.webauthn-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,.3)}html{height:100%;scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;margin:0;padding:0}main,#main-content{flex:1 0 auto;display:flex;flex-direction:column}.modern-footer,footer{flex-shrink:0;margin-top:auto !important}@supports(display: grid){body{display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"navbar" "main" "footer";min-height:100vh}nav,.navbar{grid-area:navbar}main,#main-content{grid-area:main}.modern-footer,footer{grid-area:footer}}main>*:last-child:not(footer),#main-content>*:last-child:not(footer){margin-bottom:3rem}@media(max-width: 768px){.modern-footer{margin-top:2rem !important}main>*:last-child:not(footer),#main-content>*:last-child:not(footer){margin-bottom:2rem}}.modern-footer{position:relative !important;z-index:1000;display:block !important;visibility:visible !important;opacity:1 !important;clear:both}/*# sourceMappingURL=project-compiled.css.map */