:root{--bg: #FAF6F0;--bg-soft: #FDFBF7;--surface: #ffffff;--tile: #F3EFE7;--tile-soft: #EFE9DE;--line: #EDE6DA;--line-strong: #DED6C9;--line-soft: #F0EAE0;--ink: #1F1B18;--ink-soft: #6F675E;--ink-faint: #8C8478;--ink-ghost: #A29A8C;--accent: #4B45C6;--accent-hover: #33309B;--accent-soft: #EDECFB;--gold: #E9A23B;--gold-deep: #D08D26;--gold-soft: #FBF0DC;--gold-line: #EBDCC0;--gold-ink: #7A5411;--on-gold: #2A1D06;--ok: #2E7D5B;--ok-soft: #E4F0EA;--ok-ink: #1F5540;--ok-line: #D6E7DE;--ok-bg: #F2F8F5;--err: #C8483C;--err-soft: #FAEAE7;--err-ink: #9E362C;--radius: 20px;--radius-sm: 16px;--radius-xs: 12px;--shadow: 0 1px 2px rgba(31, 27, 24, .05), 0 10px 24px rgba(31, 27, 24, .05);--shadow-lift: 0 2px 4px rgba(31, 27, 24, .06), 0 14px 30px rgba(31, 27, 24, .09);--font: "Nunito Sans", system-ui, -apple-system, sans-serif;--font-display: "Bricolage Grotesque", "Nunito Sans", system-ui, sans-serif;--word-size: 38px;--word-ls: .01em}@media(max-width:760px){:root{--word-size: 30px}}@media(max-width:480px){:root{--word-size: 24px}}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0;letter-spacing:-.01em}h1{letter-spacing:-.02em}button{font:inherit;cursor:pointer}a{color:var(--accent)}a:hover{color:var(--accent-hover)}.page{max-width:1060px;margin:0 auto;padding:20px 24px 64px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-strong);border-radius:999px;padding:11px 20px;font-weight:600;font-family:var(--font-display);background:var(--surface);color:var(--ink);text-decoration:none;transition:background .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease}.btn:hover:not(:disabled){background:var(--bg-soft);border-color:var(--ink-ghost);color:var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn-accent{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}.btn-accent:hover:not(:disabled){background:var(--gold-deep);border-color:var(--gold-deep);color:var(--on-gold)}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-soft)}.btn-ghost:hover:not(:disabled){background:var(--tile);border-color:transparent;color:var(--ink)}.btn-danger{background:var(--err);border-color:var(--err);color:#fff}.btn-danger:hover:not(:disabled){background:var(--err-ink);border-color:var(--err-ink);color:#fff}.btn-lg{padding:16px 32px;font-size:1.1rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.chip{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.label{display:block;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.muted{color:var(--ink-soft)}.small{font-size:.88rem}.bar{height:12px;border-radius:999px;background:var(--tile-soft);overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:var(--gold);transition:width .3s ease}.bar-fill.brand{background:var(--accent)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}