*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Arial,sans-serif;color:#16243b;background:#f4f7fb}main{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 60% 15%,#dce9ff 0,transparent 25%),#f7f9fc}.brand{position:fixed;top:32px;left:42px;font-weight:800;font-size:20px;letter-spacing:-.5px}.brand i{font-style:normal;color:white;background:#3974ff;border-radius:7px;padding:5px 8px;margin-right:8px}section{width:min(400px,calc(100% - 40px));background:white;border:1px solid #e5ebf3;border-radius:12px;padding:36px;box-shadow:0 18px 60px #1d376617}.eyebrow{color:#4c7eff;font-size:10px;font-weight:bold;letter-spacing:1.2px;margin:0 0 14px}h1{font-size:29px;letter-spacing:-1px;margin:0 0 10px}.muted{font-size:13px;line-height:1.55;color:#718096;margin:0 0 28px}label{font-size:12px;font-weight:bold;color:#45566e;display:block}input{width:100%;border:1px solid #dce4ef;border-radius:6px;padding:12px;margin-top:8px;font-size:15px;outline-color:#2864ef}button{width:100%;margin-top:20px;border:0;border-radius:6px;padding:13px;background:#2864ef;color:white;font-weight:bold;cursor:pointer}button span{float:right;font-size:16px;margin-top:-2px}button:disabled{opacity:.6}#error{font-size:12px;color:#b43d3d;min-height:18px;margin:12px 0 0}footer{position:fixed;bottom:28px;color:#8b98a9;font-size:11px}@media(max-width:550px){.brand{left:24px;top:25px}section{padding:28px}}