:root{--sdb-blue:#1b75bb;--sdb-blue-dk:#105490;--sdb-dark:#191f28;--sdb-dark-lt:#242c38;--p-bg:#eef3f8;--p-surface:#fff;--p-border:#d8e4ef;--p-text:#152032;--p-muted:#5d7590;--p-radius:14px;--p-danger:#e53e3e}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:var(--p-bg);color:var(--p-text);font-family:Poppins,system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}.login-wrap{display:flex;min-height:100vh}.login-left{background:var(--sdb-dark);color:#fff;display:flex;flex:0 0 420px;flex-direction:column;justify-content:space-between;padding:56px 48px}.login-logo{display:block;height:52px;margin:0 auto 32px}.login-tagline{color:hsla(0,0%,100%,.85);font-size:1.25rem;font-weight:400;line-height:1.55}.login-tagline strong{color:#fff;font-weight:700}.login-footer{margin-top:auto}.login-social{display:flex;gap:16px;margin-bottom:20px}.login-social a{color:hsla(0,0%,100%,.6);font-size:1.25rem;text-decoration:none;transition:color .15s}.login-social a:hover{color:#fff}.login-footer-links{border-top:1px solid hsla(0,0%,100%,.12);display:flex;flex-direction:column;gap:6px;list-style:none;padding-top:16px}.login-footer-links a{color:hsla(0,0%,100%,.55);font-size:.8rem;text-decoration:none;transition:color .15s}.login-footer-links a:hover{color:hsla(0,0%,100%,.9)}.login-right{align-items:center;display:flex;flex:1;justify-content:center;padding:40px 24px}.login-card{max-width:400px;width:100%}.login-title{color:var(--p-text);font-size:1.5rem;font-weight:600;margin-bottom:24px}.login-alert-success{background:#f0fdf4;border:1px solid #86efac;border-radius:var(--p-radius);color:#166534}.login-alert-error,.login-alert-success{align-items:center;display:flex;font-size:.875rem;gap:8px;margin-bottom:20px;padding:12px 16px}.login-alert-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:var(--p-radius);color:var(--p-danger)}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{position:relative}.login-field-icon{color:var(--p-muted);font-size:.9rem;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.login-input{background:var(--p-surface);border:1px solid var(--p-border);border-radius:var(--p-radius);color:var(--p-text);font-family:inherit;font-size:.9375rem;outline:none;padding:12px 14px 12px 40px;transition:border-color .15s,box-shadow .15s;width:100%}.login-input:focus{border-color:var(--sdb-blue);box-shadow:0 0 0 3px rgba(27,117,187,.15)}.login-input::placeholder{color:var(--p-muted)}.login-remember{align-items:center;color:var(--p-muted);display:flex;font-size:.875rem;gap:8px}.login-remember input[type=checkbox]{accent-color:var(--sdb-blue);cursor:pointer;height:16px;width:16px}.login-btn,.login-remember label{cursor:pointer}.login-btn{background:var(--sdb-blue);border:none;border-radius:var(--p-radius);color:#fff;font-family:inherit;font-size:1rem;font-weight:600;margin-top:4px;padding:13px;transition:background .15s;width:100%}.login-btn:hover:not(:disabled){background:var(--sdb-blue-dk)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.login-forgot{color:var(--sdb-blue);display:block;font-size:.875rem;margin-top:20px;text-align:center;text-decoration:none}.login-forgot:hover{text-decoration:underline}@media (max-width:768px){.login-wrap{flex-direction:column}.login-left{flex:none;padding:40px 28px}.login-footer{display:none}.login-right{padding:40px 20px}}