:root{color-scheme:light;--ink:#123148;--muted:#607487;--line:#cad6df;--accent:#0b6b92;--accent-hover:#075571}
*{box-sizing:border-box}
html{min-height:100%}
body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#e5f1f6,#f7fafc 60%);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}
.login-panel{width:min(100%,430px);padding:38px;background:white;border-radius:16px;box-shadow:0 18px 55px rgba(24,52,71,.12);border:1px solid #e6eef3}
.brand-symbol{font-size:38px;color:var(--accent);font-weight:700;line-height:1}
.eyebrow{color:var(--accent);font-size:.74rem;font-weight:750;text-transform:uppercase;letter-spacing:.13em;margin:20px 0 5px}
h1{font-size:1.65rem;line-height:1.2;margin:0 0 12px;letter-spacing:-.02em}
.subtitle{color:var(--muted);margin:0 0 28px}
label{display:block;font-weight:650;font-size:.88rem;margin:17px 0 7px}
input:not([type="hidden"]){display:block;width:100%;min-height:46px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:10px 12px;font:inherit;color:inherit}
input:focus-visible,button:focus-visible{outline:3px solid #9bd5ef;outline-offset:2px}
.password-wrap{position:relative}.password-wrap input{padding-right:76px}.reveal{position:absolute;right:8px;top:7px;height:32px;background:transparent;border:0;border-radius:5px;color:var(--accent);font:inherit;font-size:.87rem;cursor:pointer;padding:0 8px}
.submit{width:100%;height:46px;border:0;border-radius:7px;margin-top:27px;background:var(--accent);color:white;font:inherit;font-weight:700;cursor:pointer}.submit:hover{background:var(--accent-hover)}
.alert{padding:12px 14px;border:1px solid #ebadad;border-radius:7px;background:#fff4f4;color:#8c2020;font-size:.9rem}
.footer-note{font-size:.77rem;color:var(--muted);margin:22px 0 0;text-align:center}
@media(max-width:480px){.login-panel{padding:27px 23px}}