*{box-sizing:border-box}body{margin:0;background:#f4f5fb;color:#202738;font:16px/1.6 system-ui,sans-serif;display:grid;min-height:100dvh;place-items:center;padding:20px}main{background:white;border:1px solid #e1e5f0;border-radius:20px;padding:32px;width:min(100%,420px)}h1{margin-top:0}label{display:block;margin:18px 0}input{display:block;width:100%;border:1px solid #d9deeb;border-radius:10px;padding:12px;font:inherit}button{background:#667eea;color:white;border:0;border-radius:10px;padding:12px 24px;font:inherit;width:100%;cursor:pointer}a{color:#5365cd}[role=alert]{color:#a22}