*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#102723;color:#e8f1e7;font-family:system-ui,-apple-system,sans-serif;padding:20px}.login{width:min(100%,410px);background:#1b3932;padding:clamp(24px,5vw,42px);border-radius:20px;box-shadow:0 18px 60px #071a17}.brand{font-size:2rem;letter-spacing:.08em;font-weight:800}.brand span{color:#b4d79e}.subtitle{color:#c5d4ca;margin:8px 0 32px}form{display:grid;gap:10px}label{font-size:.9rem;font-weight:600}input{font:inherit;border:1px solid #92a89b;border-radius:10px;padding:13px;background:#f6f9f5;color:#102723;margin-bottom:10px;width:100%}input:focus-visible,button:focus-visible{outline:3px solid #b4d79e;outline-offset:2px}button{font:inherit;font-weight:700;background:#b4d79e;color:#102723;border:0;border-radius:10px;padding:14px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#error{color:#ffd0c9;min-height:1.5em;margin:0}.hint{font-size:.85rem;color:#c5d4ca;text-align:center;margin:24px 0 0}