body{margin:0;font-family:Segoe UI,sans-serif;background:linear-gradient(135deg,#eff6ff,#dfeafc 35%,#edf7f5)}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top left,rgba(21,101,192,.1),transparent 24%),radial-gradient(circle at bottom right,rgba(18,163,128,.12),transparent 28%),linear-gradient(135deg,#eff6ff,#e7f5ff)}.login-panel{width:min(1100px,100%);display:grid;grid-template-columns:1.2fr 1fr;background:#fffc;border:1px solid rgba(148,163,184,.18);box-shadow:0 30px 60px #0f172a1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;overflow:hidden}.login-visual{position:relative;background:linear-gradient(160deg,#0f172a,#123a7a 42%,#0d9488);color:#fff;padding:40px 36px;display:flex;flex-direction:column;justify-content:center;min-height:620px}.brand-badge{display:inline-flex;align-self:flex-start;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:#dbeafe;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:22px}.visual-content{max-width:420px;margin-bottom:32px}.icon-wrap{width:86px;height:86px;display:grid;place-items:center;border-radius:24px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:18px}.icon-wrap i{font-size:42px;color:#dbeafe}.visual-content h1{font-size:clamp(2rem,2.5vw,3rem);font-weight:800;margin-bottom:14px;letter-spacing:-.04em}.visual-content p{margin:0;line-height:1.75;color:#ffffffd1;font-size:1rem}.feature-list{display:grid;gap:12px;max-width:420px}.feature-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#eff6ff;font-weight:500}.feature-item i{color:#86efac;font-size:18px}.login-form-wrap{display:flex;align-items:center;justify-content:center;background:#ffffffb3;padding:36px 32px}.auth-card{width:min(420px,100%);background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:24px;box-shadow:0 15px 35px #0f172a14;padding:30px 24px}.logo-ring{width:74px;height:74px;display:grid;place-items:center;margin:0 auto 14px;border-radius:22px;background:linear-gradient(135deg,#dbeafe,#d1fae5);color:#0f172a;box-shadow:inset 0 0 0 1px #0f172a0d}.logo-ring i{font-size:34px;color:#0f172a}.auth-card h3{font-weight:800;color:#0f172a}.login-form .form-label{font-size:.82rem;font-weight:700;color:#475569;margin-bottom:8px}.input-wrap{position:relative}.input-wrap i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:18px}.input-wrap .form-control{width:100%;border:1px solid #dbe3f0;border-radius:14px;padding:14px 16px 14px 44px;background:#f8fafc;transition:all .2s ease;color:#0f172a}.input-wrap .form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;background:#fff}.login-btn{border:none;border-radius:14px;font-weight:700;padding:14px 18px;background:linear-gradient(135deg,#2563eb,#0f766e);color:#fff;box-shadow:0 12px 25px #2563eb38;transition:transform .2s ease,box-shadow .2s ease}.login-btn:hover{transform:translateY(-1px);box-shadow:0 16px 28px #0f766e40;color:#fff}@media(max-width:900px){.login-panel{grid-template-columns:1fr}.login-visual{min-height:320px;padding:30px 24px}}