.login-body{min-height:100vh;display:grid;place-items:center;padding:25px;background:linear-gradient(135deg,#7dd3fc,#dbeafe 55%,#f8fafc)}.login-wrap{width:min(960px,100%);display:grid;grid-template-columns:1.15fr .85fr;border-radius:28px;overflow:hidden;box-shadow:0 28px 80px rgba(15,23,42,.18);background:#fff}.login-visual{padding:55px;background:linear-gradient(145deg,#0f4c81,#0284c7);color:#fff;display:flex;flex-direction:column;justify-content:center}.login-visual h2{font-size:34px;line-height:1.15;margin:20px 0 12px}.login-visual p{color:#dbeafe;line-height:1.6}.visual-badge{display:inline-flex;align-self:flex-start;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:7px 10px;border-radius:999px;font-size:11px}.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.visual-grid span{padding:9px;border-radius:10px;background:rgba(255,255,255,.1);font-size:11px}.login-card{padding:42px 38px;align-self:center}.login-logo{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#2563eb;color:#fff;font-weight:900;font-size:20px}.login-card h1{text-align:center;margin:14px 0 4px;font-size:24px}.login-card .sub{text-align:center;color:#64748b;margin:0 0 22px}.login-card .form-group{margin-bottom:12px}.login-btn{width:100%;padding:11px;margin-top:4px}.password-wrap{display:flex;position:relative}.password-wrap input{padding-right:55px}.password-wrap button{position:absolute;right:5px;top:5px;bottom:5px;border:0;background:#eff6ff;border-radius:7px;color:#2563eb;font-size:10px;cursor:pointer}.secure-note{text-align:center;color:#94a3b8;font-size:9px;margin:14px 0 0}@media(max-width:750px){.login-wrap{grid-template-columns:1fr}.login-visual{display:none}.login-card{padding:32px 24px}}