/* Modern login styles: gradient background, glass card, floating labels */
:root{--primary:#2563eb;--primary-600:#1d4ed8;--bg1:#0ea5e9;--bg2:#60a5fa;--glass:rgba(255,255,255,0.75);--border:rgba(2,6,23,0.08)}
@media (prefers-color-scheme: light){:root{--bg1:#eef2ff;--bg2:#e2e8f0;--glass:rgba(255,255,255,0.65);--border:rgba(2,6,23,0.06)}}
html,body{height:100%}
.login-gradient{background: linear-gradient(180deg,var(--bg1),var(--bg2));}
.glass-card{backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); background: var(--glass); border:1px solid var(--border); border-radius:20px; box-shadow:0 20px 40px rgba(2,6,23,.18)}
.brand-title{font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji'; font-weight:700; letter-spacing:.5px}
.subtitle{opacity:.8}
.btn-primary{background:linear-gradient(90deg,var(--primary),var(--primary-600)); border:none}
.btn-primary:hover{filter:brightness(1.05)}
.form-control{border-radius:10px; padding:.9rem .9rem}
.captcha-row img{border-radius:10px; border:1px solid var(--border)}
.refresh-btn{display:inline-flex; align-items:center; justify-content:center; height:38px; width:38px; border-radius:8px; border:1px solid var(--border); cursor:pointer}
.refresh-btn:hover{background:rgba(2,6,23,.06)}
/* Floating label pattern */
.form-floating-custom{position:relative}
.form-floating-custom input{padding-top:1.25rem; padding-bottom:.5rem}
.form-floating-custom label{position:absolute; left:12px; top:10px; color:#64748b; transition:all .15s ease; background:transparent; padding:0 4px}
.form-floating-custom input:focus+label,
.form-floating-custom input:not(:placeholder-shown)+label{top:-8px; font-size:.75rem; color:#475569; background:var(--glass)}