:root{--bg:oklch(98.8% 0.003 250);--surface:oklch(100% 0 0);--fg:oklch(18% 0.012 250);--muted:oklch(52% 0.012 250);--border:oklch(91% 0.006 250);--accent:oklch(58% 0.18 255);--accent-soft:color-mix(in oklch,var(--accent) 10%,transparent);--risk:oklch(56% 0.14 28);--font-display:'Iowan Old Style','Charter',Georgia,'Times New Roman',serif;--font-body:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;--radius-lg:18px}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;display:grid;place-items:center;padding:24px}
.box{width:min(460px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px;box-shadow:0 22px 60px color-mix(in oklch,var(--fg) 12%,transparent)}
h1{font-family:var(--font-display);font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.018em;margin:0 0 10px}
.muted{color:var(--muted)}
p{margin:0 0 18px}
label{display:block;margin-top:14px;font-weight:650}
input{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:10px;margin-top:6px;background:var(--surface);color:var(--fg)}
input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
button{margin-top:20px;width:100%;min-height:42px;border:0;border-radius:10px;background:var(--accent);color:white;font-weight:700;cursor:pointer}
.error{background:color-mix(in oklch,var(--risk) 10%,var(--surface));color:var(--risk);border:1px solid color-mix(in oklch,var(--risk) 28%,var(--border));padding:10px;border-radius:10px;margin:12px 0}