:root{--color-primary: var(--md3-primary);--color-primary-light: var(--md3-primary-container);--color-primary-dark: var(--md3-on-primary-container);--color-primary-rgb: 15, 117, 189;--color-secondary: var(--md3-secondary);--color-secondary-light: var(--md3-secondary-container);--color-secondary-dark: var(--md3-on-secondary-container);--color-secondary-rgb: 247, 44, 147;--color-accent: var(--md3-tertiary);--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: var(--md3-error);--color-danger-light: var(--md3-error-container);--color-danger-dark: var(--md3-on-error-container);--color-danger-rgb: 244, 67, 54;--color-info: #00BCD4;--color-info-light: #4DD0E1;--color-info-dark: #0097A7;--color-info-rgb: 0, 188, 212;--color-secondary-accessible: #C41E6B;--color-warning-accessible: #B36200;--color-success-accessible: #2E7D32;--color-info-accessible: #007B8A;--color-text-light: #595959;--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(--md3-on-surface);--color-text-secondary: var(--md3-on-surface-variant);--color-text-muted: var(--color-gray-500);--color-text-inverse: var(--color-white);--color-background: var(--md3-background);--color-background-alt: var(--md3-surface-container-low);--color-surface: var(--md3-surface);--color-surface-elevated: var(--md3-surface-container);--gradient-primary: linear-gradient(135deg, var(--md3-primary) 0%, var(--md3-secondary) 100%);--gradient-secondary: linear-gradient(135deg, var(--md3-secondary) 0%, var(--md3-tertiary) 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: 'Raleway', 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(--md3-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(--md3-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(--md3-background);--color-surface: var(--md3-surface);--color-text-primary: var(--md3-on-surface);--color-text-secondary: var(--md3-on-surface-variant);--border-color: var(--md3-outline-variant)}}: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(--md3-primary) 0%, var(--md3-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)}.swipe-container{position:relative;min-height:80vh;padding:20px 0}.swipe-cards-container{position:relative;height:600px;max-width:400px;margin:0 auto;perspective:1000px}.swipe-card{position:absolute;width:100%;height:100%;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.1);cursor:grab;transition:transform .3s ease,opacity .3s ease;transform-style:preserve-3d;backface-visibility:hidden}.swipe-card:active{cursor:grabbing}.swipe-card:nth-child(1){z-index:4}.swipe-card:nth-child(2){z-index:3;transform:scale(0.95) translateY(10px);opacity:.9}.swipe-card:nth-child(3){z-index:2;transform:scale(0.9) translateY(20px);opacity:.8}.swipe-card:nth-child(n+4){display:none}.swipe-card-image{width:100%;height:60%;border-radius:16px 16px 0 0;overflow:hidden;position:relative}.swipe-card-image img{width:100%;height:100%;object-fit:cover}.swipe-card-info{padding:20px;height:40%;display:flex;flex-direction:column;justify-content:space-between}.swipe-card-info h3{margin:0;font-size:1.5rem;font-weight:600;color:#333}.swipe-card-info .location{color:#595959;font-size:.9rem;margin-top:5px}.swipe-card-info .bio{margin-top:10px;color:#495057;font-size:.95rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.swipe-indicator{position:absolute;top:50%;transform:translateY(-50%);padding:10px 20px;border-radius:8px;font-weight:bold;font-size:1.5rem;text-transform:uppercase;opacity:0;transition:opacity .3s ease}.swipe-indicator.like{right:20px;background:#28a745;color:#fff;transform:translateY(-50%) rotate(15deg)}.swipe-indicator.nope{left:20px;background:#dc3545;color:#fff;transform:translateY(-50%) rotate(-15deg)}.swipe-indicator.superlike{top:20px;left:50%;transform:translateX(-50%);background:#17a2b8;color:#fff}.swipe-card.swiping-right .swipe-indicator.like{opacity:1}.swipe-card.swiping-left .swipe-indicator.nope{opacity:1}.swipe-card.swiping-up .swipe-indicator.superlike{opacity:1}.swipe-actions{display:flex;justify-content:center;gap:20px;margin-top:30px}.swipe-action-btn{width:60px;height:60px;border-radius:50%;border:2px solid;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative}.swipe-action-btn:hover{box-shadow:0 6px 20px rgba(0,0,0,.2)}.swipe-action-btn:active{opacity:.8}.swipe-action-btn.dislike{border-color:#dc3545;color:#dc3545}.swipe-action-btn.dislike:hover{background:#dc3545;color:#fff}.swipe-action-btn.superlike{border-color:#17a2b8;color:#17a2b8}.swipe-action-btn.superlike:hover{background:#17a2b8;color:#fff}.swipe-action-btn.like{border-color:#28a745;color:#28a745}.swipe-action-btn.like:hover{background:#28a745;color:#fff}.swipe-action-btn i{font-size:1.5rem}@keyframes swipeRight{to{transform:translateX(150%);opacity:0}}@keyframes swipeLeft{to{transform:translateX(-150%);opacity:0}}@keyframes swipeUp{to{transform:translateY(-150%);opacity:0}}.swipe-card.swiped-right{animation:swipeRight .5s ease-out forwards}.swipe-card.swiped-left{animation:swipeLeft .5s ease-out forwards}.swipe-card.swiped-up{animation:swipeUp .5s ease-out forwards}.swipe-empty-state{text-align:center;padding:60px 20px}.swipe-empty-state i{font-size:4rem;color:#dee2e6;margin-bottom:20px}.swipe-empty-state h3{color:#595959;margin-bottom:10px}.swipe-empty-state p{color:#adb5bd}.match-modal{text-align:center}.match-modal .modal-body{padding:40px}.match-modal .match-avatars{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.match-modal .match-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,.1)}.match-modal .match-avatar:nth-child(2){margin-left:-30px}.match-modal h2{color:#28a745;margin-bottom:10px}@media(max-width: 576px){.swipe-cards-container{height:500px;max-width:90%}.swipe-action-btn{width:50px;height:50px}.swipe-action-btn i{font-size:1.25rem}.swipe-card-info h3{font-size:1.25rem}}.swipe-card.touching{transition:none}.swipe-loading{display:flex;justify-content:center;align-items:center;height:400px}.swipe-loading .spinner-border{width:3rem;height:3rem}.matchmaking-background{background:url(../images/background/matchmaking_background.jpg) repeat top fixed}.top-button{font-weight:700 !important;margin:10px 20px !important;padding:10px 25px !important}.top-button-font-color{color:#fff}.top-button-border{border:2px solid #fff !important}ul li{display:inline}div p{color:#5c5d61}.modal-trigger:hover{border:5px solid #555;transition:transform .2s;transform:scale(1.1)}.pill{display:inline-block;background-color:#fff;box-shadow:0px 1px 6px rgba(0,0,0,.2);padding:.3em .5em;border-radius:15em}.pill img{display:inline-block;height:38px;width:38px}.pill span{display:inline-block;vertical-align:middle;font-weight:bold;font-size:1em}.pill-block{display:table;margin-right:auto;margin-bottom:10px}.match-data{margin-top:2em;margin-bottom:2em}.match-data .pill{margin-right:1em}.match-data .personality-pill{margin-top:1em;margin-left:auto;margin-right:auto}.match-data-mobile{display:inline-block}.color-blue{color:#1274bf}.color-purple{color:#a466ed}@media(max-width: 950px){.personality-data{display:inline-block;vertical-align:top;position:relative}}@media(min-width: 1000px){.personality-data{float:left;margin-bottom:5px;display:table;vertical-align:top;position:relative}}.match-action .tooltiptext,.personality-data .tooltiptext{visibility:hidden;width:120px;background-color:#000;color:#fff;text-align:center;padding:5px 5px;border-radius:6px;position:absolute;z-index:1;top:100%;left:50%;margin-left:-60px}.match-action:hover .tooltiptext,.personality-data:hover .tooltiptext{visibility:visible}@media(max-width: 992px){.match-data{margin-top:1em}.pill img{width:28px;height:28px}.pill span{font-size:.8em}.match-data .pill{margin-left:.5em;margin-right:.5em}.match-data-mobile{display:block}}.matches-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1.5rem;padding:1rem}.match-panel{border:1px solid #dee2e6;border-radius:8px;transition:box-shadow .3s ease;background:#fff;overflow:hidden}.match-panel:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.match-panels{border:none;box-shadow:none}.match-panel-body{padding:1rem}.match-panel-container{display:flex;flex-direction:column;align-items:center;padding:1rem}.match-panel-left{margin-bottom:1rem;text-align:center}.match-panel-left img{border-radius:50%;width:150px;height:150px;object-fit:cover;border:3px solid #f8f9fa}.match-panel-right{width:100%;text-align:center}.match-info-container{margin-bottom:1rem}.match-info-header{font-size:1.25rem;font-weight:600;color:#212529;margin-bottom:.5rem}.match-location{font-size:.9rem;color:#595959;margin-bottom:.5rem}.match-actions{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.match-action{position:relative;display:inline-flex;align-items:center;justify-content:center}.match-action img{width:44px;height:44px;cursor:pointer;transition:opacity .2s ease,box-shadow .2s ease}.match-action img:hover{opacity:.8;box-shadow:0 2px 8px rgba(0,0,0,.15)}.message-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8f9fa;border-radius:.375rem;text-decoration:none;color:#595959;font-size:.9rem;transition:all .3s ease}.message-button:hover{background:#e9ecef;color:#495057;text-decoration:none}.filters-container{position:relative;margin-bottom:1rem;padding:1rem}.filter-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #dee2e6;border-radius:.375rem;cursor:pointer;transition:all .3s ease}.filter-button:hover{background:#f8f9fa;border-color:#adb5bd}.filter-icon{width:20px;height:20px}.filter-button-text{font-weight:500;color:#495057}.filters-popup{position:absolute;top:100%;left:0;background:#fff;border:1px solid #dee2e6;border-radius:.375rem;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:1rem;z-index:1000;min-width:300px;margin-top:.5rem}.filters-popup.hide{display:none}.match-page-content{max-width:1400px;margin:0 auto;padding:1rem}.demo-preview-alert{margin-bottom:1rem}.demo-preview-alert.hidden{display:none}@media(max-width: 768px){.matches-grid{grid-template-columns:1fr;padding:.5rem}.match-panel-left img{width:120px;height:120px}.match-actions{gap:.75rem}.match-action img{width:36px;height:36px}}#location-map{width:100%;height:300px;border-radius:8px;border:1px solid #dee2e6}#location-map.d-none{display:none}.location-search-input{position:relative}.location-search-input input{padding-right:40px}.location-search-input .location-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#595959}.location-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #dee2e6;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000;max-height:200px;overflow-y:auto}.location-suggestions .suggestion-item{padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease}.location-suggestions .suggestion-item:hover{background-color:#f8f9fa}.location-suggestions .suggestion-item.active{background-color:#e9ecef}.use-current-location{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;cursor:pointer;font-size:.875rem;color:#495057;transition:all .2s ease}.use-current-location:hover{background:#e9ecef;border-color:#adb5bd}.use-current-location i{color:#0d6efd}.location-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#e7f3ff;border-radius:1rem;font-size:.875rem;color:#0d6efd}.location-badge i{font-size:.75rem}.distance-filter .distance-slider{width:100%;margin:1rem 0}.distance-filter .distance-value{font-weight:600;color:#212529}: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{opacity:.95}.hover\:scale-110:hover{opacity:.9}.hover\:-translate-y-1:hover{box-shadow:var(--shadow-md)}.hover\:-translate-y-2:hover{box-shadow:var(--shadow-lg)}.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{--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 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}}@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 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.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 .4s 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 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);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 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);transition:all .3s ease}.genetic-interaction-panel .genetic-sliders .slider-group .genetic-slider .slider-thumb:hover{transform:scale(1.2);box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.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 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.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 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);transition:all .3s ease}.trust-indicators .trust-badge:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.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 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.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 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.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)}.hero-security-text{font-size:.95rem;text-shadow:0 2px 4px rgba(0,0,0,.6)}.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}.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%{opacity:.6}50%{opacity:.4}100%{opacity:.6}}@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 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.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%{opacity:0}10%{opacity:1}90%{opacity:1}100%{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%{opacity:1;background:linear-gradient(to bottom, var(--color-primary), var(--color-secondary))}50%{opacity:.7;background:linear-gradient(to bottom, var(--color-secondary), var(--color-primary))}}@keyframes base-pair-pulse{0%,100%{opacity:.6}50%{opacity:1}}.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}50%{opacity:1}}@keyframes connection-pulse{0%,100%{opacity:.1}50%{opacity:.6}}.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{0%,100%{opacity:1}50%{opacity:.8}}@keyframes compatibility-pulse{0%,100%{opacity:1;box-shadow:var(--shadow-lg)}50%{opacity:.9;box-shadow:var(--shadow-xl)}}@keyframes marker-orbit{0%,100%{opacity:1}50%{opacity:.6}}.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%{opacity:.8}50%{opacity:.6}}@keyframes genetic-float{0%,100%{opacity:.1}50%{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%{opacity:1}50%{opacity:.8}}@keyframes spark-twinkle{0%,100%{opacity:0}50%{opacity:1}}@media(max-width: 767px){.dna-background::before{background-size:200px 200px,250px 250px,40px 40px}.particle-container .particle:nth-child(n+6){display:none}.genetic-constellation{min-height:300px}.genetic-constellation .constellation-point:nth-child(n+6){display:none}.compatibility-visual{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)}*{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}.btn-social-login{display:flex;align-items:center;justify-content:center;gap:12px;min-height:60px !important;max-height:60px !important;min-width:200px;padding:12px 20px !important;background-color:#fff !important;color:#000 !important;border:1px solid #b0b0b0 !important;font-size:16px;font-weight:500;line-height:1.5;text-decoration:none;white-space:nowrap;border-radius:8px;box-shadow:none;cursor:pointer;user-select:none;touch-action:manipulation;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.btn-social-login .social-icon,.btn-social-login img{width:44px !important;height:44px !important;object-fit:contain;flex-shrink:0;display:block}.btn-social-login span{flex:1;text-align:center;font-weight:500;color:inherit}@media(min-width: 768px){.btn-social-login{min-height:68px !important;max-height:68px !important;padding:16px 24px !important}.btn-social-login .social-icon,.btn-social-login img{width:52px !important;height:52px !important}}@media(min-width: 1024px){.btn-social-login{min-height:76px !important;max-height:76px !important;padding:16px 28px !important}.btn-social-login .social-icon,.btn-social-login img{width:60px !important;height:60px !important}}@media(min-width: 1440px){.btn-social-login{min-height:92px !important;max-height:92px !important;padding:18px 32px !important}.btn-social-login .social-icon,.btn-social-login img{width:72px !important;height:72px !important}}@media(max-width: 576px){.btn-social-login{width:100%;max-width:none;padding:12px 16px !important;gap:10px}.btn-social-login span{font-size:15px}}.btn-social-login:hover{background-color:#f8f9fa !important;border-color:#6c757d !important;color:#000 !important;box-shadow:0 2px 8px rgba(0,0,0,.1);text-decoration:none}.btn-social-login:focus,.btn-social-login:focus-visible{outline:3px solid #0078d4 !important;outline-offset:2px;box-shadow:0 0 0 4px rgba(0,120,212,.15) !important;background-color:#fff !important;border-color:#0078d4 !important}.btn-social-login:active{background-color:#e9ecef !important;border-color:#6c757d !important;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.btn-social-login:disabled,.btn-social-login[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none;background-color:#e9ecef !important;border-color:#ced4da !important;color:#6c757d !important}.btn-social-login[href*=apple-id] span{font-weight:600}@media(prefers-contrast: high){.btn-social-login{border-width:2px !important;border-color:#000 !important}.btn-social-login:focus,.btn-social-login:focus-visible{outline-width:4px !important;outline-color:#000 !important}}@media(prefers-color-scheme: dark){.btn-social-login{background-color:#343a40 !important;border-color:#6c757d !important;color:#f8f9fa !important}.btn-social-login:hover{background-color:#495057 !important;border-color:#adb5bd !important;color:#fff !important}.btn-social-login:focus,.btn-social-login:focus-visible{outline-color:#4db8ff !important;border-color:#4db8ff !important}}@media(prefers-reduced-motion: reduce){.btn-social-login{transition:none}}[dir=rtl] .btn-social-login{flex-direction:row-reverse}[dir=rtl] .btn-social-login .social-icon,[dir=rtl] .btn-social-login img{margin-right:0;margin-left:12px}@supports not (gap: 12px){.btn-social-login .social-icon,.btn-social-login img{margin-right:12px}[dir=rtl] .btn-social-login .social-icon,[dir=rtl] .btn-social-login img{margin-right:0;margin-left:12px}}@media print{.btn-social-login{display:none}}body{background-color:#ecf0f5;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;color:#758697;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased !important}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:600;color:#16202b}h1,.h1{font-size:34px}h2,.h2{font-size:28px}h3,.h3{font-size:22px}h4,.h4{font-size:16px}h5,.h5{font-size:12px}h6,.h6{font-size:10px}#content-container{position:relative;padding-bottom:80px;background-color:#ecf0f5}#page-content{padding:15px 15px 0}.feed-container{max-width:1200px;margin:0 auto;padding:15px}.feed-card{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:1.5rem;transition:box-shadow .2s ease-in-out,filter .2s ease-in-out}.feed-card:hover{box-shadow:0 6px 16px rgba(0,0,0,.18);filter:brightness(1.01)}.feed-card .feed-card-header{padding:1rem 1.5rem;border-bottom:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between}.feed-card .feed-card-header .feed-user-info{display:flex;align-items:center;gap:.75rem}.feed-card .feed-card-header .feed-user-info .feed-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #e9ecef}.feed-card .feed-card-header .feed-user-info .feed-user-details .feed-username{font-weight:600;color:#212529;margin-bottom:.25rem}.feed-card .feed-card-header .feed-user-info .feed-user-details .feed-username:hover{color:#0f75bd;text-decoration:none}.feed-card .feed-card-header .feed-user-info .feed-user-details .feed-timestamp{font-size:.875rem;color:#6c757d}.feed-card .feed-card-header .feed-actions .btn-feed-action{background:none;border:none;color:#6c757d;padding:.5rem;cursor:pointer;transition:color .2s}.feed-card .feed-card-header .feed-actions .btn-feed-action:hover{color:#0f75bd}.feed-card .feed-card-body{padding:1.5rem}.feed-card .feed-card-body .feed-content{color:#343a40;line-height:1.6;margin-bottom:1rem}.feed-card .feed-card-body .feed-media{margin:1rem -1.5rem}.feed-card .feed-card-body .feed-media img,.feed-card .feed-card-body .feed-media video{width:100%;height:auto}.feed-card .feed-card-footer{padding:1rem 1.5rem;border-top:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between}.feed-card .feed-card-footer .feed-stats{display:flex;gap:1.5rem}.feed-card .feed-card-footer .feed-stats .feed-stat-item{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-size:.875rem;cursor:pointer;transition:color .2s}.feed-card .feed-card-footer .feed-stats .feed-stat-item:hover{color:#f72c93}.feed-card .feed-card-footer .feed-stats .feed-stat-item.active{color:#f72c93;font-weight:600}.feed-card .feed-card-footer .feed-stats .feed-stat-item i{font-size:1.125rem}.feed-sidebar .sidebar-section{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1.5rem;margin-bottom:1.5rem}.feed-sidebar .sidebar-section .sidebar-title{font-size:1.125rem;font-weight:600;color:#212529;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.feed-sidebar .sidebar-section .sidebar-title .title-icon{color:#0f75bd;margin-right:.5rem}.feed-sidebar .sidebar-section .sidebar-content .sidebar-item{padding:.75rem 0;border-bottom:1px solid #f8f9fa}.feed-sidebar .sidebar-section .sidebar-content .sidebar-item:last-child{border-bottom:none;padding-bottom:0}.feed-sidebar .sidebar-section .sidebar-content .sidebar-item a{color:#495057;text-decoration:none;display:flex;align-items:center;gap:.75rem;transition:color .2s}.feed-sidebar .sidebar-section .sidebar-content .sidebar-item a:hover{color:#0f75bd}.feed-sidebar .sidebar-section .sidebar-content .sidebar-item a .item-icon{width:32px;height:32px;border-radius:50%;object-fit:cover}.feed-sidebar .sidebar-section .sidebar-content .sidebar-item a .item-text{flex:1}.feed-sidebar .sidebar-section .sidebar-content .sidebar-item a .item-text .item-title{font-weight:500;margin-bottom:.25rem}.feed-sidebar .sidebar-section .sidebar-content .sidebar-item a .item-text .item-subtitle{font-size:.875rem;color:#6c757d}.feed-compose{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1.5rem;margin-bottom:2rem}.feed-compose .compose-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.feed-compose .compose-header .compose-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #e9ecef}.feed-compose .compose-header .compose-input{flex:1}.feed-compose .compose-header .compose-input textarea{width:100%;border:1px solid #dee2e6;border-radius:.375rem;padding:.75rem;resize:vertical;min-height:80px;transition:border-color .2s}.feed-compose .compose-header .compose-input textarea:focus{outline:none;border-color:#0f75bd}.feed-compose .compose-footer{display:flex;align-items:center;justify-content:space-between}.feed-compose .compose-footer .compose-actions{display:flex;gap:1rem}.feed-compose .compose-footer .compose-actions .compose-action{background:none;border:none;color:#6c757d;padding:.5rem .75rem;cursor:pointer;border-radius:.375rem;transition:all .2s}.feed-compose .compose-footer .compose-actions .compose-action:hover{background:#f8f9fa;color:#0f75bd}.feed-compose .compose-footer .compose-actions .compose-action i{margin-right:.5rem}.feed-compose .compose-footer .compose-submit .btn-primary{background:linear-gradient(135deg, #0F75BD 0%, #F72C93 100%);border:none;padding:.5rem 1.5rem;font-weight:500}.feed-compose .compose-footer .compose-submit .btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 12px rgba(15,117,189,.35)}@media(max-width: 991.98px){.feed-sidebar{margin-top:2rem}}@media(max-width: 575.98px){.feed-container{padding:1rem .5rem}.feed-card{border-radius:0;margin-bottom:1rem}.feed-card .feed-card-header{padding:1rem}.feed-card .feed-card-body{padding:1rem}.feed-card .feed-card-body .feed-media{margin:1rem -1rem}.feed-card .feed-card-footer{padding:.75rem 1rem}.feed-card .feed-card-footer .feed-stats{gap:1rem}.feed-card .feed-card-footer .feed-stats .feed-stat-item{font-size:.8125rem}.feed-compose{padding:1rem}.feed-compose .compose-footer{flex-direction:column;gap:1rem}.feed-compose .compose-footer .compose-actions{width:100%;justify-content:space-between}.feed-compose .compose-footer .compose-submit{width:100%}.feed-compose .compose-footer .compose-submit .btn-primary{width:100%}}.panel{background:#fff;border:1px solid #e7ecf3;border-bottom:1px solid rgba(0,0,0,.17);border-radius:30px;box-shadow:none;margin-bottom:15px}.panel.panel-primary{border-color:#0f75bd}.panel.panel-primary .panel-heading{background:#0f75bd;color:#fff}.panel.panel-success{border-color:#28a745}.panel.panel-success .panel-heading{background:#28a745;color:#fff}.panel.panel-info{border-color:#17a2b8}.panel.panel-info .panel-heading{background:#17a2b8;color:#fff}.panel.panel-warning{border-color:#ffc107}.panel.panel-warning .panel-heading{background:#ffc107;color:#212529}.panel.panel-danger{border-color:#dc3545}.panel.panel-danger .panel-heading{background:#dc3545;color:#fff}.panel-heading{padding:15px;border-bottom:1px solid rgba(0,0,0,.1);border-radius:30px 30px 0 0;font-weight:600;color:#16202b}.panel-heading .panel-title{margin:0;font-size:1.125rem}.panel-body{padding:15px;color:#758697}.panel-footer{padding:15px;background:#f8f9fa;border-top:1px solid rgba(0,0,0,.1);border-radius:0 0 30px 30px}.form-control{border:1px solid #e7ecf3;border-radius:3px;padding:7px 12px;font-size:13px;color:#758697;background-color:#fff;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:#42a5f5;box-shadow:0 0 0 2px rgba(66,165,245,.2);outline:none}.form-control::-webkit-input-placeholder{color:#adb5bd}.form-control::-moz-placeholder{color:#adb5bd}.form-control:-ms-input-placeholder{color:#adb5bd}.form-control:-moz-placeholder{color:#adb5bd}.form-group{margin-bottom:1rem}.form-group label{font-weight:500;color:#495057;margin-bottom:.5rem}.btn{font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s ease}.btn.btn-primary{background-color:#42a5f5;border-color:#42a5f5}.btn.btn-primary:hover{background-color:#2196f3;border-color:#2196f3}.btn-rounded{border-radius:50px}.btn-lg{padding:10px 20px;font-size:15px}.btn-sm{padding:4px 10px;font-size:11px}.btn-xs{padding:2px 6px;font-size:10px}.btn-labeled{position:relative;padding-left:3rem}.btn-labeled .btn-label{position:absolute;left:0;top:0;bottom:0;width:2.5rem;background:rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;border-radius:.375rem 0 0 .375rem}.widget-box{background:#fff;border-radius:30px;border:1px solid #e7ecf3;border-bottom:1px solid rgba(0,0,0,.17);padding:20px;margin-bottom:15px;transition:box-shadow .2s,filter .2s}.widget-box:hover{box-shadow:0 6px 16px rgba(0,0,0,.2);filter:brightness(1.01)}.widget-box .widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.widget-box .widget-header .widget-title{font-size:1.125rem;font-weight:600;color:#212529;margin:0}.widget-box .widget-header .widget-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg, #0F75BD 0%, #F72C93 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.widget-box .widget-body .widget-value{font-size:2rem;font-weight:700;color:#0f75bd;margin-bottom:.5rem}.widget-box .widget-body .widget-desc{color:#6c757d;font-size:.875rem}.list-group-item{border:none;border-bottom:1px solid #e9ecef;padding:1rem 1.25rem}.list-group-item:last-child{border-bottom:none}.list-group-item:hover{background:#f8f9fa}.list-group-item.active{background:linear-gradient(135deg, #0F75BD 0%, #F72C93 100%);color:#fff;border-color:rgba(0,0,0,0)}.media-object{display:flex;align-items:flex-start;gap:1rem}.media-object .media-left,.media-object .media-right{flex-shrink:0}.media-object .media-body{flex:1}.media-object .media-body .media-heading{font-weight:600;color:#212529;margin-bottom:.25rem}.media-object .media-body .media-text{color:#6c757d;font-size:.875rem}.alert{border:none;border-radius:.5rem;padding:1rem 1.25rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.alert.alert-primary{background:rgba(15,117,189,.1);color:rgb(11.25,87.75,141.75)}.alert.alert-success{background:rgba(40,167,69,.1);color:rgb(30.1449275362,125.8550724638,52)}.alert.alert-warning{background:rgba(255,193,7,.1);color:rgb(211,158.25,0)}.alert.alert-danger{background:rgba(220,53,69,.1);color:rgb(189.2151898734,32.7848101266,47.7721518987)}.match-panel{background:#fff;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px;transition:box-shadow .3s ease,filter .3s ease}.match-panel:hover{box-shadow:0 6px 16px rgba(0,0,0,.2);filter:brightness(1.01)}.match-panel .match-panel-body{padding:24px}.match-panel .match-panel-container{display:flex;align-items:center;gap:20px}@media(max-width: 768px){.match-panel .match-panel-container{flex-direction:column;text-align:center}}.match-panel .match-panel-left{flex:0 0 auto}.match-panel .match-panel-right{flex:1;text-align:left}@media(max-width: 768px){.match-panel .match-panel-right{text-align:center}}.match-profile-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #0f75bd;transition:border-color .3s ease,box-shadow .3s ease}.match-profile-image:hover{border-color:#f72c93;box-shadow:0 4px 16px rgba(247,44,147,.35)}@media(max-width: 768px){.match-profile-image{width:150px;height:150px}}@media(max-width: 480px){.match-profile-image{width:120px;height:120px}}.match-info{color:#212529;font-size:1.25rem;font-weight:600;margin-bottom:8px}.match-location{color:#6c757d;font-size:.95rem;margin-bottom:16px}.match-data{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.data-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #dee2e6;border-radius:20px;padding:8px 16px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:box-shadow .3s ease,filter .3s ease}.data-pill:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);filter:brightness(1.02)}.data-pill img{width:20px;height:20px}.data-pill .score{font-weight:600;font-size:.9rem}.data-pill .score.dna-score{color:#f72c93}.data-pill .score.personality-score{color:#0f75bd}.data-pill .score.personality-type{color:#a466ed;text-transform:uppercase}.match-actions{display:flex;justify-content:center;gap:16px;margin-top:20px}@media(max-width: 768px){.match-actions{gap:20px}}@media(max-width: 480px){.match-actions{gap:12px}}.match-action{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:2px solid #dee2e6;background:#fff;transition:box-shadow .3s ease,filter .3s ease,background .3s ease;cursor:pointer;position:relative}.match-action a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit;text-decoration:none}.match-action a i{pointer-events:none;font-size:20px}.match-action:hover{box-shadow:0 6px 16px rgba(0,0,0,.2);filter:brightness(1.05)}.match-action.match-action-dislike a{color:#dc3545}.match-action.match-action-dislike{border-color:#dc3545}.match-action.match-action-dislike:hover{background:#dc3545;border-color:#dc3545}.match-action.match-action-dislike:hover a{color:#fff}.match-action.match-action-maybe a{color:#ffc107}.match-action.match-action-maybe{border-color:#ffc107}.match-action.match-action-maybe:hover{background:#ffc107;border-color:#ffc107}.match-action.match-action-maybe:hover a{color:#fff}.match-action.match-action-like a{color:#28a745}.match-action.match-action-like{border-color:#28a745}.match-action.match-action-like:hover{background:#28a745;border-color:#28a745}.match-action.match-action-like:hover a{color:#fff}.match-action.match-action-message a{color:#0f75bd}.match-action.match-action-message{border-color:#0f75bd}.match-action.match-action-message:hover{background:#0f75bd;border-color:#0f75bd}.match-action.match-action-message:hover a{color:#fff}.match-action img{width:24px;height:24px;transition:filter .3s ease}.match-action:hover img{filter:brightness(0) invert(1)}@media(max-width: 768px){.match-action{width:52px;height:52px}}@media(max-width: 480px){.match-action{width:44px;height:44px}.match-action img{width:20px;height:20px}}.match-action .tooltiptext{visibility:hidden;position:absolute;z-index:1000;bottom:125%;left:50%;transform:translateX(-50%);background:#212529;color:#fff;padding:8px 12px;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;transition:opacity .3s ease}.match-action .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid rgba(0,0,0,0);border-top-color:#212529}.match-action:hover .tooltiptext{visibility:visible;opacity:1}.show-more-matches{display:block;width:100%;max-width:300px;margin:30px auto;padding:12px 24px;background:linear-gradient(135deg, #0F75BD 0%, #F72C93 100%);color:#fff;border:none;border-radius:25px;font-size:1rem;font-weight:600;transition:box-shadow .3s ease,filter .3s ease;cursor:pointer}.show-more-matches:hover{filter:brightness(1.1);box-shadow:0 6px 16px rgba(15,117,189,.35);color:#fff}.safety-compliance-container{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:32px;margin:20px 0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.safety-compliance-container h2{color:#212529;margin-bottom:24px}.safety-compliance-container p{color:#495057;line-height:1.6;margin-bottom:16px}.safety-compliance-container .btn-primary{background:linear-gradient(135deg, #0F75BD 0%, #F72C93 100%);border:none;border-radius:25px;padding:12px 32px;font-weight:600;transition:box-shadow .3s ease,filter .3s ease}.safety-compliance-container .btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 16px rgba(15,117,189,.35)}.scroll-top{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:linear-gradient(135deg, #0F75BD 0%, #F72C93 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;opacity:0;visibility:hidden;transition:box-shadow .3s ease,filter .3s ease,opacity .3s ease,visibility .3s ease;box-shadow:0 4px 8px rgba(0,0,0,.15);z-index:1000}.scroll-top:hover{filter:brightness(1.1);box-shadow:0 6px 16px rgba(0,0,0,.2)}.scroll-top.show{opacity:1;visibility:visible}.panel-overlay-wrap{position:relative;overflow:hidden}.panel-overlay-wrap::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);z-index:98}.panel-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:99;transition:opacity .3s ease}.panel-overlay .panel-overlay-content{text-align:center;padding:20px}.panel-overlay .panel-overlay-content .panel-overlay-icon{display:block;margin-bottom:15px}.panel-overlay .panel-overlay-content .panel-overlay-icon i{font-size:2rem}.panel-overlay .panel-overlay-content .panel-overlay-title{font-size:1.125rem;font-weight:600;color:#16202b;margin-bottom:10px}.panel-overlay .panel-overlay-content p{color:#758697;margin:0}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,0)}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.panel.remove{opacity:0;transform:scale(0.9);transition:all .3s ease-out}.mega-dropdown{position:relative}.mega-dropdown .mega-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e7ecf3;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.2);padding:20px;margin-top:10px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.mega-dropdown.open .mega-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.mega-dropdown.open .mega-dropdown-toggle{color:#0f75bd}.toast{min-width:300px}.toast.bg-success{background:#28a745 !important}.toast.bg-info{background:#17a2b8 !important}.toast.bg-warning{background:#ffc107 !important;color:#212529 !important}.toast.bg-warning .btn-close{filter:invert(1)}.toast.bg-danger{background:#dc3545 !important}.loading{position:relative;pointer-events:none;opacity:.6}.loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #0f75bd;border-top-color:rgba(0,0,0,0);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-color-scheme: dark){.feed-card,.feed-sidebar .sidebar-section,.feed-compose,.panel,.widget-box{background:#343a40;color:#f8f9fa}.feed-card .feed-card-header,.feed-card .feed-card-footer,.feed-sidebar .sidebar-section .feed-card-header,.feed-sidebar .sidebar-section .feed-card-footer,.feed-compose .feed-card-header,.feed-compose .feed-card-footer,.panel .feed-card-header,.panel .feed-card-footer,.widget-box .feed-card-header,.widget-box .feed-card-footer{border-color:#495057}.feed-card .feed-user-details .feed-username,.feed-card .sidebar-title,.feed-sidebar .sidebar-section .feed-user-details .feed-username,.feed-sidebar .sidebar-section .sidebar-title,.feed-compose .feed-user-details .feed-username,.feed-compose .sidebar-title,.panel .feed-user-details .feed-username,.panel .sidebar-title,.widget-box .feed-user-details .feed-username,.widget-box .sidebar-title{color:#f8f9fa}.feed-card .feed-timestamp,.feed-card .feed-stat-item,.feed-card .sidebar-item a,.feed-sidebar .sidebar-section .feed-timestamp,.feed-sidebar .sidebar-section .feed-stat-item,.feed-sidebar .sidebar-section .sidebar-item a,.feed-compose .feed-timestamp,.feed-compose .feed-stat-item,.feed-compose .sidebar-item a,.panel .feed-timestamp,.panel .feed-stat-item,.panel .sidebar-item a,.widget-box .feed-timestamp,.widget-box .feed-stat-item,.widget-box .sidebar-item a{color:#ced4da}.feed-card .compose-input textarea,.feed-sidebar .sidebar-section .compose-input textarea,.feed-compose .compose-input textarea,.panel .compose-input textarea,.widget-box .compose-input textarea{background:#495057;border-color:#6c757d;color:#f8f9fa}.feed-card .compose-input textarea:focus,.feed-sidebar .sidebar-section .compose-input textarea:focus,.feed-compose .compose-input textarea:focus,.panel .compose-input textarea:focus,.widget-box .compose-input textarea:focus{border-color:#0f75bd}}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:#fff;backdrop-filter:none;border:none;border-bottom:1px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.05)}.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:#495057 !important;font-weight:500;transition:all .3s ease}.navbar .navbar-nav>li>a:hover{background-color:rgba(0,0,0,0);color:var(--color-primary, #007bff) !important;transform:none}.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(180deg, #f8f9fa 0%, #ffffff 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}.dropdown-menu{position:absolute !important;top:100% !important;left:0;right:auto;margin-top:.125rem;z-index:1050;transform:none !important;min-width:10rem}.dropdown-menu.show{display:block}.navbar-nav .dropdown{position:relative}.navbar-nav .dropdown .dropdown-toggle::after{vertical-align:middle;margin-left:.255em}.navbar-nav .dropdown-menu{margin:0;padding:.5rem 0}.navbar-nav .dropdown-menu .dropdown-item{padding:.5rem 1.5rem;clear:both;font-weight:400;text-align:inherit;white-space:nowrap;background-color:rgba(0,0,0,0);border:0}.navbar-nav .dropdown-menu .dropdown-item:hover,.navbar-nav .dropdown-menu .dropdown-item:focus{background-color:#f8f9fa;text-decoration:none}.nav-language-dropdown .dropdown-menu{min-width:200px;max-height:300px;overflow-y:auto}section h1,section h2,section h3,section h4,section h5,section h6,.section h1,.section h2,.section h3,.section h4,.section h5,.section h6,[class*=section-] h1,[class*=section-] h2,[class*=section-] h3,[class*=section-] h4,[class*=section-] h5,[class*=section-] h6{text-align:center;margin-bottom:1.5rem}section p,.section p,[class*=section-] p{text-align:left;line-height:1.6;margin-bottom:1rem}section .text-center,.section .text-center,[class*=section-] .text-center{text-align:center !important}section .text-center p,.section .text-center p,[class*=section-] .text-center p{text-align:center !important}section.banner3 .banner3-content h1,section.banner3 .banner3-content h2,section.banner3 .banner3-content h3,section.banner3 .hero-content h1,section.banner3 .hero-content h2,section.banner3 .hero-content h3,section.banner3-datemetrix .banner3-content h1,section.banner3-datemetrix .banner3-content h2,section.banner3-datemetrix .banner3-content h3,section.banner3-datemetrix .hero-content h1,section.banner3-datemetrix .hero-content h2,section.banner3-datemetrix .hero-content h3,section.hero-section .banner3-content h1,section.hero-section .banner3-content h2,section.hero-section .banner3-content h3,section.hero-section .hero-content h1,section.hero-section .hero-content h2,section.hero-section .hero-content h3,.section.banner3 .banner3-content h1,.section.banner3 .banner3-content h2,.section.banner3 .banner3-content h3,.section.banner3 .hero-content h1,.section.banner3 .hero-content h2,.section.banner3 .hero-content h3,.section.banner3-datemetrix .banner3-content h1,.section.banner3-datemetrix .banner3-content h2,.section.banner3-datemetrix .banner3-content h3,.section.banner3-datemetrix .hero-content h1,.section.banner3-datemetrix .hero-content h2,.section.banner3-datemetrix .hero-content h3,.section.hero-section .banner3-content h1,.section.hero-section .banner3-content h2,.section.hero-section .banner3-content h3,.section.hero-section .hero-content h1,.section.hero-section .hero-content h2,.section.hero-section .hero-content h3,[class*=section-].banner3 .banner3-content h1,[class*=section-].banner3 .banner3-content h2,[class*=section-].banner3 .banner3-content h3,[class*=section-].banner3 .hero-content h1,[class*=section-].banner3 .hero-content h2,[class*=section-].banner3 .hero-content h3,[class*=section-].banner3-datemetrix .banner3-content h1,[class*=section-].banner3-datemetrix .banner3-content h2,[class*=section-].banner3-datemetrix .banner3-content h3,[class*=section-].banner3-datemetrix .hero-content h1,[class*=section-].banner3-datemetrix .hero-content h2,[class*=section-].banner3-datemetrix .hero-content h3,[class*=section-].hero-section .banner3-content h1,[class*=section-].hero-section .banner3-content h2,[class*=section-].hero-section .banner3-content h3,[class*=section-].hero-section .hero-content h1,[class*=section-].hero-section .hero-content h2,[class*=section-].hero-section .hero-content h3{text-align:center}section.banner3 .banner3-content p.lead,section.banner3 .banner3-content p.hero-text,section.banner3 .hero-content p.lead,section.banner3 .hero-content p.hero-text,section.banner3-datemetrix .banner3-content p.lead,section.banner3-datemetrix .banner3-content p.hero-text,section.banner3-datemetrix .hero-content p.lead,section.banner3-datemetrix .hero-content p.hero-text,section.hero-section .banner3-content p.lead,section.hero-section .banner3-content p.hero-text,section.hero-section .hero-content p.lead,section.hero-section .hero-content p.hero-text,.section.banner3 .banner3-content p.lead,.section.banner3 .banner3-content p.hero-text,.section.banner3 .hero-content p.lead,.section.banner3 .hero-content p.hero-text,.section.banner3-datemetrix .banner3-content p.lead,.section.banner3-datemetrix .banner3-content p.hero-text,.section.banner3-datemetrix .hero-content p.lead,.section.banner3-datemetrix .hero-content p.hero-text,.section.hero-section .banner3-content p.lead,.section.hero-section .banner3-content p.hero-text,.section.hero-section .hero-content p.lead,.section.hero-section .hero-content p.hero-text,[class*=section-].banner3 .banner3-content p.lead,[class*=section-].banner3 .banner3-content p.hero-text,[class*=section-].banner3 .hero-content p.lead,[class*=section-].banner3 .hero-content p.hero-text,[class*=section-].banner3-datemetrix .banner3-content p.lead,[class*=section-].banner3-datemetrix .banner3-content p.hero-text,[class*=section-].banner3-datemetrix .hero-content p.lead,[class*=section-].banner3-datemetrix .hero-content p.hero-text,[class*=section-].hero-section .banner3-content p.lead,[class*=section-].hero-section .banner3-content p.hero-text,[class*=section-].hero-section .hero-content p.lead,[class*=section-].hero-section .hero-content p.hero-text{text-align:center}.content-section p,.main-content p{text-align:left;max-width:800px;margin-left:auto;margin-right:auto}@media(max-width: 991px){.navbar-nav .dropdown-menu{position:static !important;float:none;width:100%;margin-top:0;background-color:rgba(0,0,0,0);border:0;box-shadow:none}.navbar-nav .dropdown-menu .dropdown-item{padding-left:2rem}}.datemetrix .personality-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.datemetrix .personality-grid .personality-card{text-align:center}.datemetrix .personality-grid .personality-card p{text-align:center}.datemetrix .questionnaire-section h2,.datemetrix .questionnaire-section h3{text-align:center}.datemetrix .questionnaire-section .question-text{text-align:left}.datemetrix .questionnaire-section .answer-options{text-align:left}