:root{font-family:system-ui,sans-serif;color:oklch(.25 .025 250);background:oklch(.97 .009 250)}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:min(100%,440px);padding:36px;background:oklch(1 0 0);border:1px solid oklch(.9 .01 250);border-radius:18px;box-shadow:0 8px 36px oklch(.3 .02 250/.07)}h1{font-size:28px;letter-spacing:-.03em}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:oklch(.48 .07 250)}p,small{line-height:1.6;color:oklch(.48 .02 250)}label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}input{width:100%;padding:13px;border:1px solid oklch(.8 .025 250);border-radius:8px;font:inherit}input:focus{outline:2px solid oklch(.55 .17 250);outline-offset:2px}button{width:100%;padding:13px;margin-top:20px;border:0;border-radius:8px;background:oklch(.46 .16 250);color:oklch(1 0 0);font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.55}#reset{background:transparent;color:oklch(.46 .16 250);margin-top:4px}#status{font-size:13px}small{display:block;font-size:12px;margin-top:24px}[hidden]{display:none!important}