:root{--auth-navy:#0b3557;--auth-teal:#17a5bd;--auth-line:#dbe4ea;--auth-muted:#667985;--auth-bg:#f4f8fa}
.login-page{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:linear-gradient(180deg,#fff 0%,var(--auth-bg) 100%)}
.login-card{width:min(470px,100%);background:#fff;border:1px solid rgba(11,53,87,.08);border-radius:26px;padding:34px;box-shadow:0 24px 70px rgba(11,53,87,.08)}
.login-logo{display:inline-block;margin-bottom:38px}.login-logo img{width:156px}
.login-eyebrow{display:block;margin-bottom:10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:var(--auth-teal)}
.login-copy h1{margin:0;font-size:32px;line-height:1.08;letter-spacing:-.04em;color:#102f46}
.login-copy p{margin:14px 0 0;color:var(--auth-muted);font-size:15px;line-height:1.7}
.login-form{display:grid;gap:10px;margin-top:28px}.login-form label{font-size:13px;font-weight:800;color:#263945}
.login-form input{width:100%;border:1px solid #cbd7df;border-radius:13px;padding:15px 16px;font:inherit;outline:none;background:#fff}.login-form input:focus{border-color:var(--auth-teal);box-shadow:0 0 0 4px rgba(23,165,189,.10)}
.login-form button{border:0;border-radius:13px;background:var(--auth-navy);color:#fff;font-weight:800;padding:15px 18px;cursor:pointer;margin-top:4px}.login-form button:hover{filter:brightness(1.04)}
.otp-input{text-align:center;font-size:26px!important;letter-spacing:.28em;font-weight:800}
.form-message{min-height:22px;font-size:13px;color:var(--auth-muted)}.form-message.error{color:#a52a32}.form-message.success{color:#16704a}
.login-info{margin-top:24px;padding:16px 18px;border-radius:16px;background:#f5f9fb;display:grid;gap:5px}.login-info strong{font-size:13px;color:#173a52}.login-info span{font-size:13px;line-height:1.55;color:var(--auth-muted)}
.login-footer{display:flex;justify-content:space-between;gap:18px;margin-top:24px;padding-top:20px;border-top:1px solid var(--auth-line);font-size:12px;color:var(--auth-muted)}.login-footer a{font-weight:700;color:#0f6fa7}
@media(max-width:520px){.login-page{padding:18px;background:#fff}.login-card{padding:24px 20px;border:0;box-shadow:none}.login-logo{margin-bottom:32px}.login-copy h1{font-size:29px}.login-footer{flex-direction:column;gap:8px}}