/* assets/site/css/login.css - index.php's <style> block, moved here unchanged and linked at the same place (DEV-13 strict CSP, lanai #251). */
:root { --ck-navy:#1a3a5c; --ck-gold:#c9a227; }
body { background:linear-gradient(135deg,#1a3a5c 0%,#2d5d8e 100%); min-height:100vh; display:flex; align-items:center; }
.login-card { border:none; border-radius:12px; box-shadow:0 8px 32px rgba(0,0,0,.25); overflow:hidden; }
.login-header { background:var(--ck-navy); padding:2rem; text-align:center; }
.login-header h1 { color:var(--ck-gold); font-weight:700; }
.login-icon { font-size:3rem; color:var(--ck-gold); }
.btn-navy { background:var(--ck-navy); color:#fff; border:none; padding:.7rem; font-weight:600; }
.btn-navy:hover { background:#112840; color:#fff; }
.or-divider { text-align:center; position:relative; margin:1.25rem 0; }
.or-divider::before { content:''; position:absolute; top:50%; left:0; right:0; height:1px; background:#dee2e6; }
.or-divider span { background:#fff; padding:0 1rem; position:relative; color:#6c757d; font-size:.85rem; }
/* the show/hide eye sits INSIDE the password box, on the right */
.pw-wrap { position:relative; }
.pw-wrap .form-control { padding-right:2.75rem; }
.pw-eye { position:absolute; top:50%; right:.35rem; transform:translateY(-50%); border:0; background:transparent;
          color:#6c757d; padding:.25rem .5rem; line-height:1; }
.pw-eye:hover, .pw-eye:focus-visible { color:var(--ck-navy); }
.human-q { font-weight:700; color:var(--ck-navy); }
.hp-field { position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }