:root{--brand: #4f46e5;--brand-dark: #3730a3;--ink: #111827;--muted: #6b7280;--line: #e5e7eb;--surface: #f9fafb;--ok: #16a34a;--bad: #dc2626}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#fff;line-height:1.5}.container{max-width:68rem;margin:0 auto;padding:0 1.25rem}.btn{font:inherit;font-weight:600;padding:.55rem 1.1rem;border-radius:.5rem;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s}.btn--primary{background:var(--brand);color:#fff}.btn--primary:hover{background:var(--brand-dark)}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn--ghost:hover{background:var(--surface)}