:root{--d_green:#0d6c51;--s_green:#18745a;--h_green:#2a9879;--sun:#f5d547;--midnight:#0a1f1c;--mist:#f5f3ef}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-page-body{background:radial-gradient(circle at 0 0,#ffffff4d,#0000 50%),linear-gradient(135deg,#031f27 0%,#0f5d4c 40%,#0f8f66 70%,#f0d35e 100%);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:48px 20px;font-family:Space Grotesk,DM Sans,sans-serif;display:flex}.login-container{width:min(1120px,100%)}.login-card{background:#fffffff5;border:1px solid #ffffff59;border-radius:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));animation:.8s forwards slide-in;display:grid;overflow:hidden;box-shadow:0 25px 60px #06221840}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.brand-panel{color:#fff;text-align:center;background:linear-gradient(165deg,#0c5d4b,#0b7c5c 60%,#0d6c51d9);flex-direction:column;align-items:center;gap:28px;padding:48px 44px;display:flex;position:relative}.brand-panel:after{content:"";pointer-events:none;border:1px solid #fff3;border-radius:24px;position:absolute;inset:24px}.brand-badge{z-index:1;flex-direction:column;align-items:center;gap:16px;display:flex}.brand-badge__logo{object-fit:contain;background:#fff3;border-radius:16px;width:56px;height:56px;padding:8px}.brand-badge__text{text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:6px;font-size:.85rem;display:flex}.brand-ministry{font-weight:600}.brand-country{opacity:.9}.brand-panel__title{z-index:1;margin:0;font-size:clamp(1.6rem,2vw,2.2rem);font-weight:600}.brand-panel__intro{z-index:1;opacity:.95;max-width:420px;margin:0;font-size:1rem;line-height:1.6}.form-panel{flex-direction:column;gap:28px;padding:48px;display:flex}.form-panel__head{text-align:center}.form-panel__head h2{color:var(--midnight);margin:8px 0 10px;font-size:clamp(1.8rem,2vw,2.2rem);font-weight:600}.form-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--s_green);margin:0;font-size:.8rem;font-weight:500}.form-description{color:#5d6461;margin:0;line-height:1.5}.form-panel__content{flex-direction:column;gap:24px;display:flex}.login-form{flex-direction:column;gap:18px;display:flex}.input-group{position:relative}.input-group input{background:#f9faf9;border:1px solid #dfe3e1;border-radius:16px;width:100%;padding:16px 48px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-group input:focus{border-color:var(--h_green);outline:none;box-shadow:0 0 0 3px #2a987926}.input-icon{color:#8a9290;pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.password-group{position:relative}.toggle-password{cursor:pointer;color:#4c5652;background:#fff;border:1px solid #dfe3e1;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;transition:border-color .2s,color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.toggle-password:hover{border-color:var(--s_green);color:var(--s_green)}.login-btn{background:linear-gradient(135deg, var(--d_green), var(--h_green));color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0d6c514d}.login-btn:disabled{opacity:.7;cursor:not-allowed}.form-footer{text-align:center;margin-top:8px}.link-highlight{color:var(--s_green);align-items:center;gap:6px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.link-highlight:hover{color:var(--h_green)}@media (max-width:768px){.login-card{grid-template-columns:1fr}.brand-panel,.form-panel{padding:32px 24px}}