*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f3f5f8;color:#18283b;font:16px system-ui,sans-serif}main{width:min(430px,94vw);background:white;border:1px solid #dbe1e8;border-radius:16px;padding:32px;box-shadow:0 8px 28px #19283b14}h1{margin:0;color:#1a526b}h2{font-size:22px}form,label{display:grid;gap:8px}form{gap:18px}input,button{padding:12px;border:1px solid #bbc5cf;border-radius:7px;font:inherit;width:100%}button{background:#1a526b;color:white;cursor:pointer}button:disabled{opacity:.6}#login-status{margin:0;line-height:1.4}