body{font:17px system-ui;background:#f5f7fb;color:#182b45;margin:0;padding:24px;min-height:90vh;display:grid;place-items:center}main{box-sizing:border-box;background:#fff;border:1px solid #e3e8f0;border-radius:24px;padding:28px;width:min(100%,420px);box-shadow:0 12px 40px #18314b0a}h1{font-size:28px;margin:12px 0}p{color:#64748b;line-height:1.7}label{display:block;margin-top:20px;font-weight:600}input,button{box-sizing:border-box;font:inherit;padding:14px;border-radius:12px;width:100%;margin-top:8px;border:1px solid #ccd5e2}button{background:#315edc;color:white;border:0;cursor:pointer;margin-top:24px}small{color:#64748b}.error{color:#9f2929}