:root{--text:#172033;--muted:#667085;--line:#dfe5ec;--primary:#6d28d9;--danger:#b42318}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"Segoe UI",Tahoma,Arial,sans-serif;background:#f7f8fc;color:var(--text)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}
.visual{padding:42px clamp(28px,6vw,90px);display:flex;flex-direction:column;background:radial-gradient(circle at 18% 18%,rgba(196,181,253,.26),transparent 35%),linear-gradient(135deg,#17142f,#39206b 48%,#6d28d9);color:#fff}
.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;width:max-content}
.brand>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#8b5cf6,#5b21b6);font-size:24px;font-weight:900}
.brand small{display:block;color:#ddd6fe;margin-top:2px}
.visual-copy{margin:auto 0;max-width:620px}.eyebrow{font-size:12px;font-weight:900;color:#c4b5fd}
.visual-copy h1{font-size:clamp(44px,7vw,80px);margin:12px 0}.visual-copy p{font-size:18px;line-height:1.9;color:#e9d7fe}
.form-side{display:grid;place-items:center;padding:30px}
.login-card{width:min(460px,100%);background:#fff;border:1px solid #e4e7ec;border-radius:26px;padding:32px;box-shadow:0 24px 70px rgba(16,24,40,.12)}
.login-card .eyebrow{color:#7c3aed}.login-card h2{font-size:32px;margin:7px 0 4px}.muted{color:var(--muted);line-height:1.7}
.back{display:inline-block;color:#667085;text-decoration:none;margin-bottom:26px}
form label{display:grid;gap:8px;margin:18px 0;font-weight:700}
input{width:100%;min-height:50px;border:1px solid var(--line);border-radius:13px;padding:0 14px;font:inherit;outline:0}
input:focus{border-color:#7c3aed;box-shadow:0 0 0 4px rgba(124,58,237,.1)}
.password-wrap{position:relative}.password-wrap input{padding-left:78px}
.password-wrap button{position:absolute;left:8px;top:7px;height:36px;border:0;border-radius:9px;background:#f2f4f7;color:#475467;padding:0 11px;cursor:pointer}
.primary,.secondary{width:100%;min-height:50px;border-radius:13px;font:inherit;font-weight:900;display:flex;align-items:center;justify-content:center;text-decoration:none}
.primary{border:0;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;cursor:pointer}
.primary:disabled{opacity:.6}.secondary{border:1px solid #ddd6fe;background:#f7f5ff;color:#5925dc}
.error{min-height:24px;color:var(--danger);font-size:13px;margin-bottom:7px}
.divider{display:flex;align-items:center;gap:10px;color:#98a2b3;font-size:12px;margin:22px 0 13px}.divider:before,.divider:after{content:"";height:1px;background:#e4e7ec;flex:1}
@media(max-width:850px){.login-shell{grid-template-columns:1fr}.visual{min-height:210px;padding:24px}.visual-copy{margin-top:35px}.visual-copy h1{font-size:36px}.visual-copy p{font-size:15px}.form-side{padding:18px}.login-card{padding:24px}}