:root{--color-primary-dark: #0a1628;--color-primary-mid: #121f36;--color-primary-light: #1a2d4a;--color-surface: #0e1a2e;--color-surface-elevated: #152238;--color-accent-gold: #d4a853;--color-accent-gold-light: #e8c476;--color-accent-gold-dim: #b8923f;--color-text-primary: #f0f0f0;--color-text-secondary: #a8b4c8;--color-text-muted: #6b7a94;--color-white: #ffffff;--color-black: #000000;--color-education: #4A7BF7;--color-education-dim: rgba(74,123,247,0.15);--color-recommendation: #6BCB77;--color-recommendation-dim: rgba(107,203,119,0.15);--font-body: 'Inter',system-ui,-apple-system,sans-serif;--font-display: 'Inter',system-ui,sans-serif;--text-xs: clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--text-sm: clamp(0.875rem,0.8rem + 0.35vw,1rem);--text-base: clamp(1rem,0.9rem + 0.5vw,1.125rem);--text-lg: clamp(1.125rem,1rem + 0.6vw,1.375rem);--text-xl: clamp(1.25rem,1rem + 1.25vw,1.75rem);--text-2xl: clamp(1.5rem,1rem + 2.5vw,2.5rem);--text-3xl: clamp(2rem,1.2rem + 4vw,3.5rem);--text-hero: clamp(2.5rem,1.5rem + 5vw,5rem);--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.6;--leading-relaxed: 1.8;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--container-max: 1200px;--container-narrow: 800px;--container-wide: 1400px;--gutter: clamp(1rem,3vw,2rem);--radius-sm: 0.375rem;--radius-md: 0.75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,0.3);--shadow-md: 0 4px 12px rgba(0,0,0,0.4);--shadow-lg: 0 8px 30px rgba(0,0,0,0.5);--shadow-gold: 0 4px 20px rgba(212,168,83,0.15);--glass-bg: rgba(21,34,56,0.6);--glass-border: rgba(212,168,83,0.15);--glass-blur: 20px;--ease-out: cubic-bezier(0.16,1,0.3,1);--ease-in-out: cubic-bezier(0.65,0,0.35,1);--duration-fast: 150ms;--duration-normal: 300ms;--duration-slow: 500ms}*,*::before,*::after{box-sizing: border-box}*{margin: 0;padding: 0}html{scroll-behavior: smooth;scroll-padding-top: 5rem;-webkit-text-size-adjust: 100%}body{min-height: 100svh;line-height: var(--leading-normal);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}img,picture,video,canvas,svg{display: block;max-width: 100%}input,button,textarea,select{font: inherit;color: inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap: break-word}a{color: inherit;text-decoration: none}ul,ol{list-style: none}button{background: none;border: none;cursor: pointer}@font-face{font-family: 'Inter';src: url('../assets/fonts/Inter-Regular.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face{font-family: 'Inter';src: url('../assets/fonts/Inter-Medium.woff2') format('woff2');font-weight: 500;font-style: normal;font-display: swap}@font-face{font-family: 'Inter';src: url('../assets/fonts/Inter-SemiBold.woff2') format('woff2');font-weight: 600;font-style: normal;font-display: swap}@font-face{font-family: 'Inter';src: url('../assets/fonts/Inter-Bold.woff2') format('woff2');font-weight: 700;font-style: normal;font-display: swap}body{font-family: var(--font-body);font-size: var(--text-base);font-weight: var(--weight-normal);color: var(--color-text-primary);background-color: var(--color-primary-dark);line-height: var(--leading-normal)}h1,h2,h3,h4,h5,h6{font-family: var(--font-display);line-height: var(--leading-tight);font-weight: var(--weight-bold)}h1{font-size: var(--text-hero)}h2{font-size: var(--text-3xl)}h3{font-size: var(--text-2xl)}h4{font-size: var(--text-xl)}p{color: var(--color-text-secondary);line-height: var(--leading-relaxed)}p + p{margin-top: var(--space-4)}strong{font-weight: var(--weight-semibold);color: var(--color-text-primary)}::selection{background: rgba(212,168,83,0.3);color: var(--color-white)}.container{width: 100%;max-width: var(--container-max);margin-inline: auto;padding-inline: var(--gutter)}.container--narrow{max-width: var(--container-narrow)}.container--wide{max-width: var(--container-wide)}.section{padding-block: clamp(var(--space-16),8vw,var(--space-32))}.grid{display: grid;gap: var(--space-8)}.grid--2{grid-template-columns: 1fr}.grid--3{grid-template-columns: 1fr}.text-center{text-align: center}.section-eyebrow{font-size: var(--text-sm);font-weight: var(--weight-semibold);text-transform: uppercase;letter-spacing: 0.15em;color: var(--color-accent-gold);margin-bottom: var(--space-4)}.section-title{font-size: var(--text-3xl);color: var(--color-white);margin-bottom: var(--space-4)}.section-subtitle{font-size: var(--text-lg);color: var(--color-text-secondary);max-width: 600px}.text-center .section-subtitle{margin-inline: auto}@media (min-width: 37.5em){.grid--2{grid-template-columns: repeat(2,1fr)}}@media (min-width: 60em){.grid--3{grid-template-columns: repeat(3,1fr)}}.site-header{position: sticky;top: 0;z-index: 9999;padding: var(--space-4) 0;background: rgba(10,22,40,0.8);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-bottom: 1px solid transparent;transition: padding var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.site-header.header--scrolled{padding: var(--space-2) 0;background: rgba(10,22,40,0.95);border-bottom-color: var(--glass-border)}.nav-container{display: flex;align-items: center;justify-content: space-between;max-width: var(--container-max);margin-inline: auto;padding-inline: var(--gutter)}.nav-logo{font-size: var(--text-xl);font-weight: var(--weight-bold);letter-spacing: -0.02em;z-index: 10000}.logo-accent{color: var(--color-accent-gold)}.nav-toggle{display: flex;flex-direction: column;gap: 5px;z-index: 10000;padding: var(--space-2)}.nav-toggle-bar{display: block;width: 24px;height: 2px;background: var(--color-white);border-radius: 2px;transition: transform var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out)}.nav-toggle.active .nav-toggle-bar:nth-child(1){transform: translateY(7px) rotate(45deg)}.nav-toggle.active .nav-toggle-bar:nth-child(2){opacity: 0}.nav-toggle.active .nav-toggle-bar:nth-child(3){transform: translateY(-7px) rotate(-45deg)}.nav-links{position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: var(--color-primary-dark);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--space-6);transform: translateX(100%);transition: transform var(--duration-slow) var(--ease-out);z-index: 9999;overflow-y: auto;padding: var(--space-16) var(--space-8)}.nav-links.open{transform: translateX(0)}.nav-links.open .nav-dropdown__menu{display: flex}.nav-link{font-size: var(--text-lg);font-weight: var(--weight-medium);position: relative;transition: color var(--duration-fast)}.nav-link:hover,.nav-link.active{color: var(--color-accent-gold)}.nav-link.active::after{content: '';position: absolute;bottom: -4px;left: 0;right: 0;height: 2px;background: var(--color-accent-gold);border-radius: 1px}.nav-link--cta{background: var(--color-accent-gold);color: var(--color-primary-dark) !important;padding: var(--space-2) var(--space-6);border-radius: var(--radius-full);font-weight: var(--weight-semibold);font-size: var(--text-base) !important;transition: background var(--duration-fast),transform var(--duration-fast)}.nav-link--cta:hover{background: var(--color-accent-gold-light);transform: translateY(-1px)}.nav-link--cta.active::after{display: none}.nav-dropdown{position: relative}.nav-dropdown__menu{display: none;flex-direction: column;gap: var(--space-2);padding-top: var(--space-3);align-items: center}.nav-dropdown.open .nav-dropdown__menu{display: flex}.nav-dropdown__menu a{font-size: var(--text-base);font-weight: var(--weight-normal);color: var(--color-text-secondary);padding: var(--space-2) var(--space-4);border-radius: var(--radius-md);transition: color var(--duration-fast),background var(--duration-fast);display: block;text-align: center}.nav-dropdown__menu a:hover,.nav-dropdown__menu a.active{color: var(--color-accent-gold);background: rgba(212,168,83,0.08)}.nav-dropdown > .nav-link::after{content: '';display: inline-block;width: 6px;height: 6px;border-right: 1.5px solid currentColor;border-bottom: 1.5px solid currentColor;transform: rotate(45deg) translateY(-2px);margin-left: 6px;transition: transform var(--duration-fast);position: static;background: none;border-radius: 0;left: auto;right: auto;bottom: auto}.nav-dropdown > .nav-link.active::after{display: inline-block;border-color: var(--color-accent-gold)}.nav-dropdown.open > .nav-link::after{transform: rotate(-135deg) translateY(-2px)}@media (min-width: 60em){.nav-toggle{display: none}.nav-links,.nav-links.open{position: static;transform: none;flex-direction: row;background: none;gap: var(--space-8);width: auto;height: auto;top: auto;left: auto;right: auto;bottom: auto;overflow-y: visible;padding: 0}.nav-links.open .nav-dropdown__menu{display: none}.nav-link{font-size: var(--text-base)}.nav-dropdown__menu{display: none;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);flex-direction: column;gap: 0;padding: var(--space-2);margin-top: var(--space-3);background: var(--color-surface-elevated);border: 1px solid var(--glass-border);border-radius: var(--radius-md);min-width: 200px;box-shadow: var(--shadow-lg);z-index: 200}.nav-dropdown__menu::before{content: '';position: absolute;top: calc(var(--space-3) * -1);left: 0;right: 0;height: var(--space-3)}.nav-dropdown:hover > .nav-dropdown__menu,.nav-dropdown.open > .nav-dropdown__menu{display: flex}.nav-dropdown__menu a{font-size: var(--text-sm);padding: var(--space-2) var(--space-3);white-space: nowrap}.nav-dropdown > .nav-link::after{width: 5px;height: 5px;margin-left: 5px}.nav-dropdown:hover > .nav-link::after{transform: rotate(-135deg) translateY(-2px)}}.btn{display: inline-flex;align-items: center;gap: var(--space-2);padding: var(--space-3) var(--space-6);border-radius: var(--radius-full);font-size: var(--text-base);font-weight: var(--weight-semibold);text-decoration: none;transition: all var(--duration-normal) var(--ease-out);cursor: pointer;border: 2px solid transparent;white-space: nowrap}.btn--primary{background: var(--color-accent-gold);color: var(--color-primary-dark);border-color: var(--color-accent-gold)}.btn--primary:hover{background: var(--color-accent-gold-light);border-color: var(--color-accent-gold-light);box-shadow: var(--shadow-gold);transform: translateY(-2px)}.btn--ghost{background: transparent;color: var(--color-white);border-color: var(--color-accent-gold)}.btn--ghost:hover{background: rgba(212,168,83,0.1);transform: translateY(-2px)}.btn--teal{background: var(--color-education);color: var(--color-primary-dark);border-color: var(--color-education)}.btn--teal:hover{filter: brightness(1.1);transform: translateY(-2px)}.btn--coral{background: #4da65f;color: var(--color-white);border-color: #4da65f}.btn--coral:hover{filter: brightness(1.1);transform: translateY(-2px)}.btn--lg{padding: var(--space-4) var(--space-8);font-size: var(--text-lg)}.btn-icon{width: 1.2em;height: 1.2em;transition: transform var(--duration-fast)}.btn:hover .btn-icon{transform: translateX(3px)}.glass-card{background: var(--glass-bg);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));border: 1px solid var(--glass-border);border-radius: var(--radius-xl);padding: var(--space-8);position: relative;overflow: hidden;transition: transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.glass-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg)}.glass-card--teal::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg,var(--color-education),transparent)}.glass-card--coral::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg,var(--color-recommendation),transparent)}.badge{display: inline-flex;align-items: center;gap: var(--space-1);padding: var(--space-1) var(--space-3);border-radius: var(--radius-full);font-size: var(--text-xs);font-weight: var(--weight-semibold);text-transform: uppercase;letter-spacing: 0.05em}.badge--gold{background: rgba(212,168,83,0.15);color: var(--color-accent-gold)}.badge--teal{background: var(--color-education-dim);color: var(--color-education)}.badge--coral{background: var(--color-recommendation-dim);color: var(--color-recommendation)}.page-hero{padding: var(--space-20) 0 var(--space-8);text-align: center;background: radial-gradient(ellipse at 50% 0%,rgba(212,168,83,0.06) 0%,transparent 60%),var(--color-primary-dark)}.page-hero__title{font-size: var(--text-3xl);margin-bottom: var(--space-3)}.page-hero__subtitle{font-size: var(--text-lg);color: var(--color-text-secondary);max-width: 600px;margin-inline: auto}.site-footer{background: var(--color-primary-dark);border-top: 1px solid var(--glass-border);padding-top: var(--space-16)}.footer-grid{display: grid;grid-template-columns: 1fr;gap: var(--space-8);max-width: var(--container-max);margin-inline: auto;padding-inline: var(--gutter)}.footer-brand p{font-size: var(--text-sm);color: var(--color-text-muted);margin-top: var(--space-2)}.footer-nav h3{font-size: var(--text-sm);font-weight: var(--weight-semibold);text-transform: uppercase;letter-spacing: 0.1em;color: var(--color-text-muted);margin-bottom: var(--space-4)}.footer-nav a{display: block;font-size: var(--text-sm);color: var(--color-text-secondary);padding-block: var(--space-1);transition: color var(--duration-fast)}.footer-nav a:hover{color: var(--color-accent-gold)}.footer-bottom{max-width: var(--container-max);margin-inline: auto;padding: var(--space-8) var(--gutter);margin-top: var(--space-12);border-top: 1px solid rgba(255,255,255,0.05)}.footer-bottom__row{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--space-4)}.footer-bottom p{font-size: var(--text-xs);color: var(--color-text-muted)}.footer-social{display: flex;align-items: center;gap: var(--space-3)}.footer-social a{color: var(--color-text-muted);transition: color var(--duration-fast);display: flex}.footer-social a:hover{color: var(--color-accent-gold)}.footer-social svg{width: 20px;height: 20px}.footer-disclaimer{font-size: 0.65rem;color: var(--color-text-muted);opacity: 0.7;margin-top: var(--space-4)}.cookie-banner{position: fixed;bottom: 0;left: 0;right: 0;z-index: 999;padding: var(--space-4) var(--gutter);background: var(--color-surface-elevated);border-top: 1px solid var(--glass-border);box-shadow: 0 -4px 20px rgba(0,0,0,0.3);transform: translateY(100%);transition: transform var(--duration-slow) var(--ease-out)}.cookie-banner--visible{transform: translateY(0)}.cookie-banner__content{max-width: var(--container-max);margin-inline: auto;display: flex;align-items: center;justify-content: space-between;gap: var(--space-6);flex-wrap: wrap}.cookie-banner__content p{font-size: var(--text-sm);color: var(--color-text-secondary);flex: 1;min-width: 200px}.cookie-banner__content a{color: var(--color-accent-gold);text-decoration: underline;text-underline-offset: 2px}.cookie-banner__actions{display: flex;gap: var(--space-3);flex-shrink: 0}.cookie-banner__btn{padding: var(--space-2) var(--space-6);border-radius: var(--radius-full);font-size: var(--text-sm);font-weight: var(--weight-semibold);cursor: pointer;border: 1.5px solid transparent;transition: all var(--duration-fast)}.cookie-banner__btn--accept{background: var(--color-accent-gold);color: var(--color-primary-dark);border-color: var(--color-accent-gold)}.cookie-banner__btn--accept:hover{background: var(--color-accent-gold-light)}.cookie-banner__btn--decline{background: transparent;color: var(--color-text-secondary);border-color: rgba(255,255,255,0.15)}.cookie-banner__btn--decline:hover{border-color: rgba(255,255,255,0.3);color: var(--color-text-primary)}@media (min-width: 37.5em){.footer-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 60em){.footer-grid{grid-template-columns: 2fr 1fr 1fr 1fr}}.nav-dropdown__menu--grouped .nav-dropdown__section{display: flex;flex-direction: column;gap: var(--space-1);align-items: stretch;width: 100%}.nav-dropdown__menu--grouped .nav-dropdown__header{display: block;text-align: center;font-size: var(--text-base);font-weight: var(--weight-semibold);letter-spacing: 0.04em;text-transform: uppercase;color: var(--color-text-secondary);padding: var(--space-2) var(--space-4);text-decoration: none;border-radius: var(--radius-md);transition: color var(--duration-fast),background var(--duration-fast)}.nav-dropdown__menu--grouped .nav-dropdown__header:hover,.nav-dropdown__menu--grouped .nav-dropdown__header:focus-visible{color: var(--color-accent-gold);background: rgba(212,168,83,0.08)}.nav-dropdown__menu--grouped .nav-dropdown__sublist{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: var(--space-1)}.nav-dropdown__menu--grouped .nav-dropdown__sublist > li > a{display: block;text-align: center;font-size: var(--text-sm);color: var(--color-text-primary);padding: var(--space-2) var(--space-4);text-decoration: none;border-radius: var(--radius-md);transition: color var(--duration-fast),background var(--duration-fast)}.nav-dropdown__menu--grouped .nav-dropdown__sublist > li > a:hover,.nav-dropdown__menu--grouped .nav-dropdown__sublist > li > a:focus-visible{color: var(--color-accent-gold);background: rgba(212,168,83,0.08)}.nav-dropdown__divider{height: 1px;margin: var(--space-3) var(--space-4);background: var(--glass-border);list-style: none}@media (min-width: 60em){.nav-dropdown__menu--grouped{min-width: 240px;padding: var(--space-2);align-items: stretch;gap: 0}.nav-dropdown__menu--grouped .nav-dropdown__section{gap: 0}.nav-dropdown__menu--grouped .nav-dropdown__header{text-align: left;font-size: var(--text-xs);padding: var(--space-2) var(--space-3)}.nav-dropdown__menu--grouped .nav-dropdown__sublist > li > a{text-align: left;padding: var(--space-2) var(--space-3) var(--space-2) var(--space-5);white-space: nowrap;font-size: var(--text-sm)}.nav-dropdown__divider{margin: var(--space-2) 0}}@view-transition{navigation: auto}.nav-logo{view-transition-name: site-logo}::view-transition-old(root){animation: vt-fade-out 200ms ease-in}::view-transition-new(root){animation: vt-fade-in 300ms ease-out}@keyframes vt-fade-out{to{opacity: 0}}@keyframes vt-fade-in{from{opacity: 0}}.hero-enter{animation: hero-in 800ms var(--ease-out) both}.hero-enter:nth-child(1){animation-delay: 0ms}.hero-enter:nth-child(2){animation-delay: 150ms}.hero-enter:nth-child(3){animation-delay: 300ms}.hero-enter:nth-child(4){animation-delay: 450ms}@keyframes hero-in{from{opacity: 0;transform: translateY(30px)}to{opacity: 1;transform: translateY(0)}}@keyframes scroll-reveal{from{opacity: 0;transform: translateY(40px)}to{opacity: 1;transform: translateY(0)}}@keyframes scroll-scale-in{from{opacity: 0;transform: scale(0.95)}to{opacity: 1;transform: scale(1)}}@supports (animation-timeline: view()){[data-animate]{animation: scroll-reveal linear both;animation-timeline: view();animation-range: entry 5% entry 40%}[data-animate="scale"]{animation-name: scroll-scale-in}[data-animate-stagger] > *{animation: scroll-reveal linear both;animation-timeline: view()}[data-animate-stagger] > *:nth-child(1){animation-range: entry 5% entry 35%}[data-animate-stagger] > *:nth-child(2){animation-range: entry 10% entry 40%}[data-animate-stagger] > *:nth-child(3){animation-range: entry 15% entry 45%}[data-animate-stagger] > *:nth-child(4){animation-range: entry 20% entry 50%}[data-animate-stagger] > *:nth-child(5){animation-range: entry 25% entry 55%}[data-animate-stagger] > *:nth-child(6){animation-range: entry 30% entry 60%}[data-animate-stagger] > *:nth-child(n+7){animation-range: entry 35% entry 65%}}@supports not (animation-timeline: view()){[data-animate],[data-animate-stagger] > *{opacity: 0;transform: translateY(40px);transition: opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}[data-animate="scale"]{transform: scale(0.95)}[data-animate].is-visible,[data-animate-stagger] > *.is-visible{opacity: 1;transform: translateY(0) scale(1)}[data-animate-stagger] > *:nth-child(1){transition-delay: 0ms}[data-animate-stagger] > *:nth-child(2){transition-delay: 100ms}[data-animate-stagger] > *:nth-child(3){transition-delay: 200ms}[data-animate-stagger] > *:nth-child(4){transition-delay: 300ms}[data-animate-stagger] > *:nth-child(5){transition-delay: 400ms}[data-animate-stagger] > *:nth-child(6){transition-delay: 500ms}[data-animate-stagger] > *:nth-child(n+7){transition-delay: 600ms}}@supports (animation-timeline: scroll()){.hero-parallax{animation: parallax-shift linear;animation-timeline: scroll(root)}}@keyframes parallax-shift{from{transform: translateY(0)}to{transform: translateY(-80px)}}@keyframes float{0%,100%{transform: translateY(0)}50%{transform: translateY(-10px)}}@keyframes pulse-glow{0%,100%{opacity: 0.5}50%{opacity: 1}}