*{box-sizing:border-box}body{margin:0;background:#142a3d;color:#172c40;font:16px/1.5 system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:470px;background:white;padding:40px;border-radius:20px;box-shadow:0 20px 70px #0003}.brand{display:flex;gap:15px;align-items:center;font-size:22px;font-weight:750}.brand small{display:block;color:#687f94;font-size:14px;font-weight:400}h1{font-size:25px;margin:32px 0 8px}p,small{color:#60778b}label{display:block;margin-top:18px;font-weight:600}input{width:100%;padding:13px;border:1px solid #c8d5e3;border-radius:8px;font:inherit;margin-top:7px}input:focus{outline:3px solid #9fbed7}button{width:100%;padding:14px;background:#c52228;color:white;border:0;border-radius:8px;margin-top:25px;font:inherit;font-weight:650;cursor:pointer}button:disabled{opacity:.6}#error{color:#b12630;font-size:14px}@media(max-width:480px){main{padding:24px}}