*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:#172033;font-family:Segoe UI,Arial,sans-serif}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,46%) 1fr}.login-panel{min-height:100vh;display:flex;flex-direction:column;padding:34px 56px 24px;background:#fff}.login-brand{display:flex;align-items:center;gap:12px}.login-brand-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#2563eb;color:#fff}.login-brand div{display:flex;flex-direction:column}.login-brand small{color:#64748b}.login-content{width:100%;max-width:470px;margin:auto;padding:48px 0}.login-eyebrow{color:#2563eb;font-size:12px;font-weight:700;text-transform:uppercase}.login-content h1{margin:10px 0 12px;font-size:34px}.login-content p{margin-bottom:30px;color:#64748b}.form-control,.input-group .btn{min-height:50px}.btn-login{min-height:52px;border-radius:10px;background:#2563eb;color:#fff;font-weight:700}.btn-login:hover{background:#1d4ed8;color:#fff}.login-footer{display:flex;justify-content:space-between;color:#64748b;font-size:12px}.login-visual{min-height:100vh;display:flex;align-items:flex-end;padding:70px;background:linear-gradient(135deg,#0f172a,#2563eb);color:#fff}.login-visual h2{max-width:700px;margin-top:20px;font-size:52px;line-height:1.1}.login-visual p{font-size:18px;color:#dbeafe}@media(max-width:992px){.login-page{display:block}.login-panel{padding:28px}.login-visual{display:none}}@media(max-width:576px){.login-panel{padding:22px 18px}.login-content h1{font-size:28px}.login-footer{flex-direction:column;gap:6px}}