.login-page{min-height:100dvh;display:flex}.login-form-side{z-index:1;background:#fff;flex-direction:column;justify-content:center;width:45%;min-height:100dvh;padding:3rem 6%;display:flex;position:relative}.login-visual-side{flex:1;position:relative;overflow:hidden}.login-visual-img{object-fit:cover;object-position:center top}.login-visual-overlay{z-index:1;background:linear-gradient(#00000026 0%,#0000008c 55%,#000000e6 100%);position:absolute;inset:0}.login-visual-content{z-index:2;color:#fff;padding:2.5rem;position:absolute;bottom:0;left:0;right:0}.login-visual-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;border-radius:20px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.28rem .8rem;font-size:11px;font-weight:600;display:inline-flex}.login-visual-title{font-family:var(--font1);color:#fff;letter-spacing:.01em;max-width:480px;margin:0 0 1.5rem;font-size:clamp(1.2rem,2vw,1.65rem);font-weight:700;line-height:1.35}.login-visual-stats{border-top:1px solid #ffffff26;align-items:center;gap:1.5rem;padding-top:1.25rem;display:flex}.login-visual-stat{flex-direction:column;gap:.15rem;display:flex}.login-visual-stat-num{font-family:var(--font1);color:#fff;font-size:1.4rem;font-weight:700;line-height:1}.login-visual-stat-label{color:#ffffff7a;letter-spacing:.07em;text-transform:uppercase;font-size:10px}.login-visual-stat-divider{background:#ffffff2e;flex-shrink:0;width:1px;height:2rem}.login-brand{align-items:center;gap:.75rem;margin-bottom:2.75rem;display:flex}.login-brand-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.la-brand-icon{background:linear-gradient(135deg,#1e3a5f,#0d1525)}.login-brand-name{font-family:var(--font1);font-size:var(--fs-md);color:var(--secondary);letter-spacing:.04em;font-weight:700}.la-roles{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.25rem;display:flex}.la-role-badge{letter-spacing:.05em;border-radius:20px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:11px;font-weight:600;display:inline-flex}.la-role-jury{color:#0062cc;background:#0062cc17;border:1px solid #0062cc40}.la-role-admin{color:var(--primary);background:#1f7a6317;border:1px solid #1f7a6340}.la-role-sep{color:#9ca3af;font-size:11px;font-style:italic}.login-heading{margin-bottom:2rem}.login-title{font-family:var(--font1);color:var(--secondary);letter-spacing:.01em;margin:0 0 .4rem;font-size:clamp(1.6rem,3vw,2.1rem)}.login-subtitle{font-size:var(--fs-sm);color:#6b7280;margin:0;line-height:1.55}.login-form{flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;display:flex}.pw-field{flex-direction:column;gap:.25rem;display:flex}.pw-label{font-size:var(--fs-sm);padding-bottom:.25rem;display:block}.pw-label span{color:var(--danger);margin-left:.2rem}.pw-input-wrap{position:relative}.pw-input-wrap .form-input{padding-right:2.75rem}.pw-toggle{cursor:pointer;color:#9ca3af;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;font-size:1rem;line-height:1;transition:color .15s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.pw-toggle:hover{color:var(--secondary)}.login-footer-note{color:#9ca3af;letter-spacing:.02em;align-items:center;gap:.4rem;margin-top:2rem;font-size:11px;display:flex}.la-back-link{margin-top:.75rem;font-size:12px}.la-back-link a{color:#9ca3af;align-items:center;gap:.35rem;transition:color .15s;display:inline-flex}.la-back-link a:hover{color:var(--secondary)}@media (max-width:900px){.login-visual-side{display:none}.login-form-side{width:100%;padding:3rem 8%}}@media (max-width:480px){.login-form-side{padding:2rem 5%}}