*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;font:16px/1.5 system-ui,sans-serif;color:#30213f;background:radial-gradient(ellipse at top left,#e4eadc,transparent 60%),radial-gradient(ellipse at bottom right,#eee0ff,transparent 60%),#f7f5ef}main{width:min(100%,460px);background:#fff;padding:40px;border:1px solid #e4e6df;border-radius:22px;box-shadow:0 24px 70px #35214a12}img{width:150px;display:block;margin:0 auto 28px}.eyebrow{font-size:11px;letter-spacing:2px;color:#765789;font-weight:700}h1{font-size:30px;margin:10px 0}p{color:#6a6470}label{display:block;font-size:14px;margin-top:18px}input{display:block;width:100%;padding:13px;border:1px solid #d5ded5;border-radius:9px;font:inherit;margin-top:7px}input:focus{outline:3px solid #b6d7c7}button{margin-top:16px;background:#8500db;color:#fff;border:0;border-radius:10px;padding:14px;width:100%;font:600 16px system-ui;cursor:pointer}button:disabled{opacity:.6}#error{color:#a73529}#hint{font-size:13px;margin-top:25px}[hidden]{display:none!important}