*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:#102928;color:#f5f2ec;font:16px/1.5 system-ui,sans-serif}.login{width:100%;max-width:440px;padding:32px;border:1px solid #416461;border-radius:18px;background:#1a3835}h1{font-size:clamp(24px,7vw,32px);line-height:1.2}.eyebrow{font-size:12px;letter-spacing:.15em;color:#8ed1ca}form{display:grid;gap:10px;margin-top:24px}input,button{font:inherit;width:100%;padding:13px;border-radius:8px}input{background:#112c29;color:inherit;border:1px solid #668b85}button{border:0;background:#a7e1d7;color:#132c29;font-weight:700;margin-top:10px;cursor:pointer}button:disabled{opacity:.6}.help,#login-message{font-size:14px;color:#d4dcd5}input:focus-visible,button:focus-visible{outline:3px solid #e0bd87;outline-offset:2px}