:root{--bg:oklch(96% .007 230);--p:oklch(99.5% .004 230);--ink:oklch(22% .025 236);--m:oklch(52% .018 236);--line:oklch(88% .012 236);--c:oklch(63% .13 221);--cd:oklch(47% .115 221);--cp:oklch(94% .035 221);--green:oklch(54% .13 151);--gp:oklch(95% .025 151);--navy:oklch(25% .05 238);--shadow:0 18px 50px oklch(22% .025 238/.12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:500 16px/1.5 Inter,system-ui,sans-serif}a{color:var(--cd);text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,p{margin:0}.top{height:64px;background:var(--p);border-bottom:1px solid var(--line)}.nav{width:min(1100px,calc(100% - 28px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-size:1.2rem;font-weight:800;letter-spacing:-.06em;color:var(--ink)}.help{font-size:.55rem;color:var(--m)}main{min-height:calc(100vh - 64px);display:grid;place-items:center;padding:30px}.card{width:min(470px,100%);background:var(--p);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:34px}.icon{width:52px;height:52px;border-radius:13px;background:var(--cp);color:var(--cd);display:grid;place-items:center}.card h1{font-size:2rem;line-height:1.05;letter-spacing:-.055em;margin-top:23px}.intro{font-size:.62rem;color:var(--m);margin-top:9px;max-width:58ch}.field{margin-top:20px}.field label{font-size:.56rem;font-weight:700}.field input{display:block;width:100%;height:46px;border:1px solid var(--line);border-radius:9px;padding:0 11px;margin-top:6px;font-size:.64rem}.field input:focus{outline:3px solid oklch(85% .055 221);border-color:var(--cd)}.error{display:none;font-size:.51rem;color:oklch(58% .19 27);margin-top:5px}.submit{width:100%;height:46px;border:0;border-radius:9px;background:var(--cd);color:var(--p);font-size:.62rem;font-weight:800;margin-top:17px}.back{display:flex;justify-content:center;align-items:center;gap:5px;font-size:.55rem;margin-top:19px}.note{margin-top:22px;padding-top:17px;border-top:1px solid var(--line);display:grid;grid-template-columns:18px 1fr;gap:8px;color:var(--m);font-size:.51rem}.success{display:none}.success .icon{background:var(--gp);color:var(--green)}.successbox{margin-top:18px;padding:13px;background:var(--gp);border:1px solid oklch(84% .04 151);border-radius:9px;font-size:.57rem;color:oklch(42% .09 151)}.successbox b{display:block;margin-bottom:3px}.actions{display:grid;gap:8px;margin-top:18px}.secondary{height:42px;border:1px solid var(--line);border-radius:8px;background:var(--p);color:var(--cd);font-size:.57rem;font-weight:700}.timer{font-size:.5rem;color:var(--m);text-align:center}.footer{position:fixed;bottom:14px;left:0;right:0;text-align:center;font-size:.48rem;color:var(--m)}:focus-visible{outline:3px solid var(--c);outline-offset:3px}@media(max-width:480px){.top{height:56px}.help{display:none}main{padding:14px;align-items:start}.card{margin-top:26px;padding:26px 19px;border-radius:12px;box-shadow:none}.footer{position:static;padding:18px}}