:root{--login-bg: #f3f6ff;--login-card: #ffffff;--login-text: #0f172a;--login-muted: #64748b;--login-brand-1: #0b3d91;--login-brand-2: #06b6d4}*{font-family:Manrope,sans-serif}body.login-page{min-height:100vh;margin:0;background:radial-gradient(circle at top left,#0b3d912e,#0b3d9100 36%),radial-gradient(circle at bottom right,#06b6d433,#06b6d400 40%),var(--login-bg);color:var(--login-text);display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-shell{width:100%;max-width:1020px;border-radius:1.1rem;overflow:hidden;box-shadow:0 24px 60px #0f172a29;background:var(--login-card);display:grid;grid-template-columns:1.05fr 1fr}.login-brand-panel{background:linear-gradient(150deg,var(--login-brand-1) 0%,#1d4ed8 45%,var(--login-brand-2) 100%);color:#fff;padding:2.5rem 2.4rem;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:560px}.login-brand-panel:after{content:"";position:absolute;right:-90px;bottom:-70px;width:240px;height:240px;border-radius:50%;background:#fff3}.brand-badge{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:.38rem .78rem;width:fit-content}.brand-title{font-size:2rem;font-weight:800;line-height:1.18;margin-top:1rem;margin-bottom:.75rem}.brand-subtitle{font-size:.98rem;line-height:1.65;opacity:.95;margin:0;max-width:32ch}.brand-footnote{font-size:.82rem;opacity:.85;margin:0}.login-form-panel{padding:2.6rem 2.2rem;display:flex;align-items:center;justify-content:center;background:#fff}.login-card-body{width:100%;max-width:390px}.login-form-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;text-align:center;justify-content:center;flex-direction:column}.login-form-logo{width:clamp(160px,22vw,340px);height:clamp(160px,22vw,340px);border-radius:0;background:transparent;border:0;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.login-form-logo img{width:100%;height:100%;object-fit:contain;display:block}.login-form-appname{font-weight:800;letter-spacing:.01em;color:var(--login-text);line-height:1.1;font-size:1.05rem}.login-form-appmeta{font-size:.85rem;color:var(--login-muted);margin-top:.1rem}.login-title{font-size:1.55rem;font-weight:800;margin-bottom:.35rem;color:var(--login-text)}.login-subtitle{color:var(--login-muted);margin-bottom:1.6rem;font-size:.93rem}.input-group-text{background:#f8fafc;border-left:0}.form-control{border-right:0;padding:.72rem .85rem}.form-control:focus{box-shadow:0 0 0 .2rem #3b82f626;border-color:#93c5fd}.form-control.is-invalid{border-color:#dc3545}.input-group:has(.form-control.is-invalid) .input-group-text{border-color:#dc3545;border-left:0}.invalid-feedback{display:block;margin-top:.35rem;font-size:.82rem}.btn-login{padding:.72rem 1rem;font-weight:700;border-radius:.65rem;background:linear-gradient(135deg,#1d4ed8,#0891b2);border:none}.btn-login:hover{filter:brightness(1.03)}@media(max-width:991.98px){.login-shell{grid-template-columns:1fr;max-width:520px}.login-brand-panel{min-height:auto;padding:1.4rem 1.5rem}.brand-title{font-size:1.45rem;margin-top:.75rem}.brand-subtitle,.brand-footnote{display:none}.login-form-panel{padding:1.8rem 1.35rem 2rem}.login-form-logo{width:clamp(140px,44vw,220px);height:clamp(140px,44vw,220px)}}