:root{--color-bg: #0d0d12;--color-surface: #16161f;--color-border: #2a2a3a;--color-purple: #7c3aed;--color-purple-lt: #a78bfa;--color-green: #22c55e;--color-green-lt: #86efac;--color-tan: #d4b483;--color-tan-lt: #e8d5b0;--color-text: #e8e8f0;--color-muted: #888899;--font-display: "Cinzel", serif;--font-body: "Lato", sans-serif;--radius: 8px;--glow-purple: 0 0 24px rgba(124, 58, 237, .3);--glow-green: 0 0 24px rgba(34, 197, 94, .2)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.6;min-height:100vh}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:.05em}a{color:var(--color-purple-lt);text-decoration:none}a:hover{text-decoration:underline}button,.btn{font-family:var(--font-body);cursor:pointer;border:none;border-radius:var(--radius);padding:.75rem 1.5rem;font-size:1rem;transition:opacity .15s,transform .1s;min-height:44px;min-width:44px}button:active,.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-purple);color:#fff;box-shadow:var(--glow-purple)}.btn-primary:hover{opacity:.85}.btn-ghost{background:transparent;color:var(--color-purple-lt);border:1px solid var(--color-border)}input,textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-body);font-size:1rem;padding:.75rem 1rem;width:100%;min-height:44px;transition:border-color .15s}input:focus,textarea:focus{outline:none;border-color:var(--color-purple)}label{display:block;font-size:.875rem;color:var(--color-muted);margin-bottom:.4rem}.error{color:#f87171;font-size:.875rem}@media(max-width:480px){html{font-size:15px}}