.theme-toggle{align-items:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-nav-inactive);cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;padding:0;position:relative;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base);width:36px;&:hover{background-color:var(--color-bg-cards);color:var(--color-text-nav-brand)}&:focus-visible{outline-offset:2px}.icon{align-items:center;display:inline-flex;inset:0;justify-content:center;position:absolute;transition:opacity var(--transition-base)}&.no-transition .icon{transition:none}.icon.sun,.icon.moon{opacity:0}}:root[data-theme=light] .theme-toggle .icon.sun{opacity:1}:root[data-theme=dark] .theme-toggle .icon.moon{opacity:1}:root{--color-primary: #0058b9;--color-bg-page: #edf8ff;--color-bg-hero: #edf8ff;--color-bg-cards: #dff4ff;--color-bg-footer: #f8fafc;--color-bg-cta-inner: #dff4ff;--color-bg-nav: rgba(255, 255, 255, .7);--color-card-bg: rgba(255, 255, 255, .7);--color-text-heading: #1c313b;--color-text-body: #334155;--color-text-haiku: #495f69;--color-text-label: #2f4250;--color-text-placeholder: #3f525e;--color-text-success: #036c4e;--color-text-danger: #a8131d;--color-bg-input: #e6f3ff;--color-bg-input-strong: #dceefc;--color-bg-pill-muted: #c2e2f2;--color-bg-danger-soft: rgba(251, 81, 81, .12);--color-text-nav-inactive: #475569;--color-text-nav-brand: #2563eb;--color-text-footer: #64748b;--color-text-footer-brand: #0f172a;--color-accent-gold: #fdd34d;--color-btn-primary-bg: #0058b9;--color-btn-primary-bg-end: #2870d0;--color-btn-primary-text: #ffffff;--color-btn-secondary-bg: #c2e2f2;--color-btn-secondary-text: #1c313b;--color-white: #ffffff;--color-surface-elevated: #ffffff;--color-border: #c2e2f2;--color-card-hairline: rgba(255, 255, 255, .5);--color-overlay-veil: rgba(255, 255, 255, .7);--color-overlay-scrim: rgba(28, 49, 59, .4);--hero-glow: radial-gradient( ellipse 80% 60% at 50% 30%, rgba(96, 165, 250, .18), transparent 70% );--hero-glow-opacity: 0;--font-display: var(--font-plus-jakarta-sans);--font-body: var(--font-plus-jakarta-sans);--font-weight-extralight: 200;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-extrabold: 800;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 4.5rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 2rem;--radius-full: 9999px;--shadow-nav: 0px 20px 40px 0px rgba(28, 49, 49, .06);--shadow-card: 0px 20px 40px 0px rgba(28, 49, 59, .06);--shadow-btn: 0px 20px 25px -5px rgba(0, 88, 185, .2), 0px 8px 10px -6px rgba(0, 88, 185, .2);--shadow-form: 0px 1px 2px 0px rgba(0, 0, 0, .05);--shadow-icon: 0px 20px 40px 0px rgba(0, 88, 185, .2);--transition-base: .2s ease;--transition-theme-duration: .25s;--transition-theme-easing: cubic-bezier(.4, 0, .2, 1);--transition-theme: var(--transition-theme-duration) var(--transition-theme-easing);--z-nav: 100;--z-modal: 200;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary: #4d9fff;--color-bg-page: #0a0e1a;--color-bg-hero: #0a0e1a;--color-bg-cards: #11182b;--color-bg-footer: #0a0e1a;--color-bg-cta-inner: #11182b;--color-bg-monthly-card: #11182b;--color-bg-nav: rgba(13, 18, 32, .7);--color-card-bg: rgba(28, 44, 71, .85);--color-text-heading: #f0f4ff;--color-text-body: #b8c5d6;--color-text-haiku: #9eb0c8;--color-text-label: #dfe8f5;--color-text-placeholder: #b1c4dd;--color-text-success: #4ade80;--color-text-danger: #ffa9af;--color-bg-input: #1a2541;--color-bg-input-strong: #243259;--color-bg-pill-muted: #1c2c47;--color-bg-danger-soft: rgba(251, 81, 81, .22);--color-text-nav-inactive: #f0f4ff;--color-text-nav-brand: #7cb8ff;--color-text-footer: #94a3b8;--color-text-footer-brand: #f0f4ff;--color-accent-gold: #ffdc6b;--color-btn-primary-bg: #1f6fe5;--color-btn-primary-bg-end: #3b88ff;--color-btn-primary-text: #ffffff;--color-btn-secondary-bg: #243259;--color-btn-secondary-text: #f0f4ff;--color-surface-elevated: #1c2c47;--color-border: #1c2c47;--color-card-hairline: rgba(124, 184, 255, .15);--color-overlay-veil: rgba(10, 14, 26, .78);--color-overlay-scrim: rgba(0, 0, 0, .6);--shadow-nav: 0px 1px 0px 0px rgba(124, 184, 255, .18), 0px 20px 40px 0px rgba(0, 0, 0, .5);--shadow-card: 0px 20px 40px 0px rgba(0, 0, 0, .45);--shadow-btn: 0px 20px 25px -5px rgba(77, 159, 255, .25), 0px 8px 10px -6px rgba(77, 159, 255, .18);--shadow-annual: 0px 25px 50px -12px rgba(77, 159, 255, .2);--shadow-form: 0px 1px 2px 0px rgba(0, 0, 0, .3);--shadow-icon: 0px 0px 100px 30px rgba(77, 159, 255, .55);--hero-glow: radial-gradient( ellipse 45% 50% at 50% 38%, rgba(90, 145, 255, .6), rgba(60, 110, 230, .25) 30%, rgba(40, 80, 180, .08) 55%, transparent 75% );--hero-glow-opacity: 1}}:root[data-theme=dark]{--color-primary: #4d9fff;--color-bg-page: #0a0e1a;--color-bg-hero: #0a0e1a;--color-bg-cards: #11182b;--color-bg-footer: #0a0e1a;--color-bg-cta-inner: #11182b;--color-bg-monthly-card: #11182b;--color-bg-nav: rgba(13, 18, 32, .7);--color-card-bg: rgba(28, 44, 71, .85);--color-text-heading: #f0f4ff;--color-text-body: #b8c5d6;--color-text-haiku: #9eb0c8;--color-text-label: #c2d2e6;--color-text-placeholder: #8aa1bd;--color-text-success: #34d399;--color-text-danger: #ff8d94;--color-bg-input: #1a2541;--color-bg-input-strong: #243259;--color-bg-pill-muted: #1c2c47;--color-bg-danger-soft: rgba(251, 81, 81, .18);--color-text-nav-inactive: #f0f4ff;--color-text-nav-brand: #7cb8ff;--color-text-annual-btn: #eff2ff;--color-annual-plan-text: #eff2ff;--color-text-footer: #94a3b8;--color-text-footer-brand: #f0f4ff;--color-accent-gold: #ffdc6b;--color-btn-primary-bg: #1f6fe5;--color-btn-primary-bg-end: #3b88ff;--color-btn-primary-text: #ffffff;--color-btn-secondary-bg: #243259;--color-btn-secondary-text: #f0f4ff;--color-surface-elevated: #1c2c47;--color-border: #1c2c47;--color-card-hairline: rgba(124, 184, 255, .15);--color-overlay-veil: rgba(10, 14, 26, .78);--color-overlay-scrim: rgba(0, 0, 0, .6);--shadow-nav: 0px 1px 0px 0px rgba(124, 184, 255, .18), 0px 20px 40px 0px rgba(0, 0, 0, .5);--shadow-card: 0px 20px 40px 0px rgba(0, 0, 0, .45);--shadow-btn: 0px 20px 25px -5px rgba(77, 159, 255, .25), 0px 8px 10px -6px rgba(77, 159, 255, .18);--shadow-annual: 0px 25px 50px -12px rgba(77, 159, 255, .2);--shadow-form: 0px 1px 2px 0px rgba(0, 0, 0, .3);--shadow-icon: 0px 0px 100px 30px rgba(77, 159, 255, .55);--hero-glow: radial-gradient( ellipse 45% 50% at 50% 38%, rgba(90, 145, 255, .6), rgba(60, 110, 230, .25) 30%, rgba(40, 80, 180, .08) 55%, transparent 75% );--hero-glow-opacity: 1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--space-20);scrollbar-gutter:stable}body{-webkit-font-smoothing:antialiased;background-color:var(--color-bg-page);color:var(--color-text-body);display:flex;flex-direction:column;font-family:var(--font-body);font-weight:var(--font-weight-regular);line-height:1.5;min-height:100vh}main{flex:1}.theme-transitioning,.theme-transitioning *,.theme-transitioning *:before,.theme-transitioning *:after{transition:background-color var(--transition-theme),border-color var(--transition-theme),box-shadow var(--transition-theme),color var(--transition-theme),fill var(--transition-theme),opacity var(--transition-theme),stroke var(--transition-theme)!important}@media(prefers-reduced-motion:reduce){.theme-transitioning,.theme-transitioning *,.theme-transitioning *:before,.theme-transitioning *:after{transition:none!important}}:root{color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark}}:root[data-theme=dark]{color-scheme:dark}h1,h2,h3,h4{color:var(--color-text-heading);font-family:var(--font-display);line-height:1}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}.sr-only{border-width:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{margin:0 auto;max-width:1280px;padding:0 var(--space-6);width:100%}