:root{--font-display: "Young Serif", Georgia, serif;--font-body: "Figtree", system-ui, sans-serif;--color-primary: #3a7cc6;--color-primary: oklch(.55 .12 230);--color-primary-hover: #2d68b0;--color-primary-hover: oklch(.48 .14 230);--color-primary-light: #5a94d8;--color-primary-light: oklch(.62 .1 230);--color-primary-bg: #eef4fb;--color-primary-bg: oklch(.97 .015 230);--color-primary-mid: #d5e6f7;--color-primary-mid: oklch(.92 .03 230);--color-primary-text: #1e4d8c;--color-primary-text: oklch(.4 .12 230);--color-bg: #f0f0ec;--color-bg: oklch(.955 .005 80);--color-surface: #ffffff;--color-surface: oklch(1 0 0);--color-gray-light: #f3f4f5;--color-gray-light: oklch(.96 .004 230);--color-border: #dde4ed;--color-border: oklch(.92 .008 230);--color-border-strong: #c4cfde;--color-border-strong: oklch(.86 .01 230);--color-text: #1a1f2e;--color-text: oklch(.2 .015 230);--color-text-secondary: #3a4259;--color-text-secondary: oklch(.35 .015 230);--color-text-muted: #5d6882;--color-text-muted: oklch(.5 .01 230);--color-text-light: #8993a8;--color-text-light: oklch(.65 .008 230);--color-label: #3a4259;--color-label: oklch(.35 .015 230);--color-success: #3a8c68;--color-success: oklch(.52 .1 155);--color-success-bg: #edf7f2;--color-success-bg: oklch(.96 .025 155);--color-success-border: #7ecba8;--color-success-border: oklch(.72 .08 155);--color-error: #c44336;--color-error: oklch(.53 .19 25);--color-error-bg: #fdf0ee;--color-error-bg: oklch(.96 .03 25);--color-accent: #d48a2a;--color-accent: oklch(.72 .14 75);--color-accent-hover: #b87420;--color-accent-hover: oklch(.65 .15 75);--color-purple: #6d35c9;--color-navy-deep: #0A1628;--color-navy-mid: #0F1E35;--color-dark-card: #111827;--shadow-sm: 0 1px 3px oklch(.55 .12 230 / .06), 0 1px 2px oklch(.55 .12 230 / .04);--shadow-md: 0 2px 10px oklch(.55 .12 230 / .08), 0 1px 3px oklch(.55 .12 230 / .05);--shadow-lg: 0 4px 24px oklch(.55 .12 230 / .1), 0 2px 6px oklch(.55 .12 230 / .05);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--space-4xl: 64px;--space-5xl: 96px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: clamp(2rem, 4vw, 2.5rem);--max-width: 680px}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{background:var(--color-bg);font-family:var(--font-body);color:var(--color-text);overflow-x:hidden}.container{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 20px}.label{font-size:var(--text-xs);font-family:var(--font-body);color:var(--color-label);font-weight:600;text-transform:uppercase;letter-spacing:.07em;display:block;margin-bottom:var(--space-sm)}.input{width:100%;padding:var(--space-md) 14px;font-size:var(--text-base);font-family:var(--font-body);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);outline:none}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007ca51a;box-shadow:0 0 0 3px oklch(.55 .12 230 / .1)}.btn{padding:14px 24px;font-size:var(--text-base);font-family:var(--font-body);font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-secondary{background:transparent;color:var(--color-text-muted);border:1.5px solid var(--color-border)}.btn-full{width:100%}.card{background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg)}.skip-link{position:absolute;top:-100%;left:16px;z-index:10000;background:var(--color-primary);color:#fff;padding:10px 20px;border-radius:0 0 10px 10px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;text-decoration:none}.skip-link:focus{top:0}@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:480px){.stats-grid-2,.stats-grid-3{grid-template-columns:1fr!important}}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@media(hover:none){[data-hover]{transform:none!important}}