*,:before,:after{box-sizing:border-box}body{margin:0}:root{--color-text:#1a1a2e;--color-text-muted:#4a4a68;--color-bg:#fff;--color-bg-subtle:#f5f5f7;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-border:#e2e2e8;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-danger-bg:#fef2f2;--color-overlay:#0006;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--max-width:1100px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius-sm:4px;--radius-md:8px}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);font-size:1rem;line-height:1.6}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.container{max-width:var(--max-width);padding-inline:var(--space-lg);margin-inline:auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;line-height:1.5;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background-color:var(--color-accent);border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-ghost{color:var(--color-text);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-subtle)}.btn-danger{color:#fff;background-color:var(--color-danger);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover);border-color:var(--color-danger-hover)}.form-field{gap:var(--space-xs);flex-direction:column;display:flex}.form-label{font-size:.875rem;font-weight:500}.form-input{padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font-size:.875rem;line-height:1.5}.form-input:focus{outline:2px solid var(--color-accent);outline-offset:-1px}