:root{--navy:#071a4c;--blue:#0a46f5;--line:#dfe6f3;--muted:#66708a}
*{box-sizing:border-box}
body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:var(--navy);background:linear-gradient(135deg,#edf4ff 0%,#ffffff 50%,#eef2ff 100%)}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{position:relative;width:min(100%,420px);padding:42px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 50px rgba(15,41,98,.12)}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.login-logo{display:block;width:65px;height:65px;object-fit:contain;margin:0 auto 10px}
.eyebrow{text-align:center;font-weight:700;font-size:12px;letter-spacing:.09em;color:var(--blue);margin:0 0 20px}
h1{font-size:28px;margin:0 0 8px;text-align:center}.intro{margin:0 0 26px;text-align:center;color:var(--muted);line-height:1.5}
label{display:block;font-size:13px;font-weight:700;margin:17px 0 7px}.input-wrap{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fbfcff}.input-wrap i{color:var(--muted)}
input{width:100%;border:0;outline:0;background:transparent;padding:13px 10px;font:inherit;color:var(--navy)}
button{width:100%;margin-top:24px;padding:13px;border:0;border-radius:8px;background:var(--blue);color:#fff;font:700 14px inherit;cursor:pointer}button i{margin-left:8px}
.message{padding:11px 13px;border-radius:7px;font-size:13px;margin-bottom:17px}.error{background:#ffebed;color:#b0192b}.success{background:#e6f7ec;color:#13783d}