*{box-sizing:border-box}body{margin:0;background:#f6f7fb;color:#26324b;font-family:Arial,sans-serif}main{min-height:100vh;display:grid;place-items:center;padding:24px}form{width:min(440px,100%);padding:36px;border:1px solid #e5e7ef;border-radius:20px;background:#fff;box-shadow:0 18px 60px #2234480d}.brand{font-size:30px;font-weight:750}.eyebrow{font-size:11px;letter-spacing:2px;color:#8895ac;margin-top:8px;font-weight:bold}h1{font-size:25px;margin:30px 0 12px}p{font-size:14px;line-height:1.7;color:#748096}label{display:block;font-size:13px;font-weight:600;margin:26px 0 8px}input{width:100%;padding:14px;border:1px solid #dfe3ed;border-radius:9px;font-size:16px;color:#26324b}input:focus{outline:3px solid #b8ccff;outline-offset:2px}button{display:block;width:100%;background:#6654e8;color:white;border:0;border-radius:9px;min-height:47px;font-size:15px;font-weight:600;cursor:pointer;margin-top:20px}button:disabled{opacity:.65;cursor:wait}small{display:block;font-size:12px;color:#8b96a9;margin-top:19px;line-height:1.6}#error{background:#fff0f0;padding:12px;color:#ad3333;border-radius:8px}[hidden]{display:none!important}@media(max-width:480px){form{padding:26px}}