*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#15275d}
body{min-height:100vh;background:#f7f8fd}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(460px,1.05fr) minmax(430px,.95fr)}
.login-brand{position:relative;overflow:hidden;display:flex;align-items:center;padding:64px;background:
radial-gradient(circle at 10% 80%,rgba(135,59,185,.18),transparent 32%),
radial-gradient(circle at 74% 16%,rgba(31,63,149,.14),transparent 30%),
linear-gradient(145deg,#fdfcff,#f2edff 58%,#ecf4ff)}
.login-brand:after{content:"";position:absolute;width:550px;height:550px;border-radius:50%;border:70px solid rgba(119,53,193,.055);right:-310px;bottom:-250px}
.brand-wrap{position:relative;z-index:2;max-width:650px}
.brand-wrap img{display:block;width:min(310px,72%);height:auto;margin:0 0 52px;object-fit:contain;background:transparent}
.eyebrow,.login-kicker{color:#7c2fb8;font-weight:900;letter-spacing:.11em;font-size:12px}
.brand-wrap h1{font-size:52px;line-height:1.04;letter-spacing:-1.5px;margin:14px 0;color:#10265e}
.brand-wrap>p{font-size:18px;line-height:1.55;color:#58688f;max-width:580px}
.brand-points{display:grid;gap:14px;margin-top:34px;color:#3e4e7a;font-weight:700}
.brand-points span{display:flex;gap:10px;align-items:center}
.login-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px;background:#fff}
.login-card{width:min(440px,100%);padding:42px;border:1px solid #e2e6f2;border-radius:22px;box-shadow:0 22px 60px rgba(28,48,105,.09)}
.login-card h2{font-size:31px;margin:10px 0 8px;color:#12265d}
.login-intro{margin:0 0 28px;color:#6a7696}
.login-card label{display:grid;gap:8px;margin:16px 0;color:#39476f;font-size:13px;font-weight:800}
.login-card input{width:100%;height:52px;border:1px solid #d7dceb;border-radius:11px;padding:0 15px;font:inherit;outline:none;background:#fff}
.login-card input:focus{border-color:#873bb9;box-shadow:0 0 0 3px rgba(135,59,185,.10)}
.login-card button{width:100%;height:54px;border:0;border-radius:11px;margin-top:10px;background:linear-gradient(90deg,#873bb9,#6d35d4);color:#fff;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(114,47,184,.22)}
.login-error{padding:12px 14px;border-radius:10px;background:#fff1f2;border:1px solid #ffd0d6;color:#a82437;font-size:13px;margin:18px 0}
.login-help{border-top:1px solid #eaedf5;margin-top:28px;padding-top:20px;display:grid;gap:5px;color:#657091;font-size:13px}
.login-help strong{color:#17285c}
.login-panel footer{margin-top:20px;color:#8992aa;font-size:12px}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:24px}.login-card{padding:30px}}