*{box-sizing:border-box}body{margin:0;background:#f5f6fa;color:#253046;font:15px system-ui,sans-serif;display:grid;place-items:center;min-height:100vh}main{background:white;border:1px solid #e5e8ef;border-radius:20px;padding:36px;width:min(420px,90vw)}.brand{font-size:28px;font-weight:750}.brand small{font-size:12px;color:#6b62d9}h1{font-size:25px;margin-top:28px}p{color:#68758a}label{display:block;margin-top:20px;font-weight:600}input{display:block;width:100%;border:1px solid #d8deea;border-radius:9px;padding:12px;margin-top:8px;font:inherit}button{width:100%;padding:13px;border:0;border-radius:9px;background:#6359d5;color:white;font:600 15px system-ui;cursor:pointer}button:disabled{opacity:.6}#error{color:#bc354a;min-height:20px;font-size:13px}