:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0b0d12;color:#f1f3f7}*{box-sizing:border-box}body{margin:0}main{width:min(100%,510px);margin:0 auto;min-height:90vh;padding:64px 24px;display:flex;flex-direction:column;justify-content:center;gap:24px}h1{font-size:2rem;letter-spacing:-.04em;margin:0}h2{font-size:1.3rem;margin:0}p{line-height:1.6;margin:10px 0}form,section{display:flex;flex-direction:column;gap:20px}label{display:flex;flex-direction:column;gap:8px;font-weight:500}input{width:100%;background:#151a24;color:#fff;border:1px solid #647084;border-radius:8px;padding:13px;font:inherit}button{background:#bce9d3;color:#10281d;border:1px solid #bce9d3;border-radius:8px;padding:14px;font:inherit;font-weight:650;cursor:pointer}button+button{background:transparent;color:#f1f3f7;border-color:#647084}button:disabled{opacity:.55;cursor:wait}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #8cc8ff;outline-offset:3px}img{background:#fff;padding:12px;border-radius:8px;align-self:flex-start;max-width:100%;height:auto}[role=alert]{color:#ffbdc0}footer{width:min(100%,510px);margin:auto;padding:0 24px 32px;color:#b5c0d1;font-size:.9rem}a{color:#bce9d3}