*{box-sizing:border-box}body{margin:0;background:#eef3fa;color:#173451;font:15px/1.6 system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:440px;padding:36px;background:white;border:1px solid #d5e0ee;border-radius:16px;box-shadow:0 15px 50px #15395f12}.brand{display:inline-grid;place-items:center;background:#2267d0;color:white;border-radius:10px;font-size:29px;font-weight:800;width:48px;height:48px}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:750;color:#3b6798;margin-top:24px}h1{font-size:26px;line-height:1.25}label{display:grid;gap:6px;margin-top:18px;font-weight:600}input{width:100%;padding:12px;border:1px solid #9ab2ce;border-radius:7px;font:inherit}input:focus{outline:3px solid #d1e5ff;border-color:#2267d0}button{width:100%;margin-top:24px;background:#225fbe;color:white;border:0;border-radius:8px;padding:13px;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.6}#error{color:#aa2434;min-height:24px;font-size:13px}small{display:block;color:#5f738b;font-size:12px}