:root{--navy:#192d59;--muted:#667085;--line:#dce2ed;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,"Segoe UI",sans-serif;color:#18233f;background:#f4f6fa}
*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:20px;background:linear-gradient(160deg,#f4f6fa 0%,#e7ecf5 100%)}
.login-card{width:min(420px,100%);background:#fff;border-radius:20px;padding:34px 30px;box-shadow:0 24px 60px rgba(25,45,89,.14)}
.logo{display:block;max-width:180px;margin-bottom:22px}
h1{font-family:Georgia,serif;font-weight:500;font-size:1.7rem;margin:0 0 6px}
p{color:var(--muted);margin:0 0 22px;line-height:1.45}
label{display:grid;gap:6px;font-size:.85rem;font-weight:650;color:var(--muted);margin-bottom:14px}
input{font:inherit;color:#18233f;padding:12px 13px;border:1px solid var(--line);border-radius:10px}
input:focus{outline:2px solid #c9d6ee;border-color:#29457f}
button{width:100%;border:0;border-radius:10px;padding:13px;background:var(--navy);color:#fff;font:inherit;font-weight:700;cursor:pointer}
button:disabled{opacity:.6}
#error{min-height:1.4em;color:#b42318;font-size:.9rem;margin-bottom:8px}
small{display:block;margin-top:18px;color:var(--muted);text-align:center;font-size:.8rem}
details{margin-bottom:14px;color:var(--muted);font-size:.85rem}summary{cursor:pointer}

#totp-box .link { width: auto; display: block; margin: -6px 0 14px; text-align: left; background: none; border: 0; padding: 4px 0; margin-top: 4px; color: inherit; opacity: .75; text-decoration: underline; font: inherit; font-size: .85rem; cursor: pointer; }
[hidden]{display:none!important}