*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Arial,Helvetica,sans-serif}.login-page{background:linear-gradient(#0f172ae0,#0f172af0),linear-gradient(135deg,#7f1d1d,#0f172a);min-height:100vh}.login-container{justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 70px);padding:32px 24px;display:flex}.login-layout{grid-template-columns:minmax(360px,460px) minmax(360px,460px);justify-content:center;align-items:stretch;gap:42px;width:min(1050px,100%);display:grid}.login-panel{background:#fff;border-radius:22px;flex-direction:column;justify-content:center;width:100%;min-height:650px;padding:38px;display:flex;box-shadow:0 24px 60px #00000059}.login-brand{text-align:center;margin-bottom:30px}.login-logo{color:#fff;background:#b91c1c;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 18px;font-size:34px;font-weight:700;display:flex}.login-brand h1{color:#0f172a;margin:0 0 12px;font-size:28px;line-height:1.2}.candidate-name{color:#334155;margin:0;font-size:16px;font-weight:700}.candidate-chip{color:#3a2b00;background:#facc15;border-radius:999px;justify-content:center;align-items:center;margin-top:10px;padding:6px 13px;font-size:13px;font-weight:700;display:inline-flex}.login-description{color:#64748b;margin:18px 0 0;font-size:15px;line-height:1.5}.login-form{gap:20px;display:grid}.form-group{gap:8px;display:grid}.form-group label{color:#334155;font-size:14px;font-weight:700}.form-group input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:11px;outline:none;width:100%;min-height:48px;padding:12px 14px;font-size:15px}.form-group input:focus{border-color:#b91c1c;box-shadow:0 0 0 3px #b91c1c21}.password-container{position:relative}.password-container input{padding-right:92px}.toggle-password{color:#334155;cursor:pointer;background:#e2e8f0;border:none;border-radius:8px;min-width:72px;padding:8px 10px;font-weight:700;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.toggle-password:hover{background:#cbd5e1}.login-button{color:#fff;cursor:pointer;background:#b91c1c;border:none;border-radius:11px;min-height:50px;font-size:16px;font-weight:700}.login-button:hover{background:#991b1b}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:700}.form-error{color:#dc2626;font-size:13px}.login-poster{justify-content:center;align-items:center;display:flex}.login-poster-image{object-fit:contain;border-radius:22px;width:100%;height:650px;box-shadow:0 24px 60px #00000061}.login-footer{color:#ffffffc2;text-align:center;justify-content:center;align-items:center;min-height:70px;padding:18px 24px;display:flex}.login-footer p{letter-spacing:.4px;margin:0;font-size:13px;font-weight:500}.login-footer strong{color:#fff;font-weight:700}@media (width<=900px){.login-container{min-height:auto}.login-layout{grid-template-columns:1fr;gap:28px;max-width:520px}.login-poster-image{max-height:none}}@media (width<=520px){.login-container{padding:20px 16px}.login-panel{border-radius:18px;padding:28px 22px}.login-brand h1{font-size:23px}.login-logo{width:60px;height:60px;font-size:28px}.login-footer{padding:16px}.login-footer p{font-size:12px}}