:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#18233e;background:#eef2f8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,#dae3ff 0,transparent 36%),#eef2f8}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,520px);gap:clamp(32px,8vw,120px);align-items:center;max-width:1280px;margin:auto;padding:56px}.intro{max-width:650px}.brand{display:flex;align-items:center;gap:14px;font-size:20px}.brand span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#18233e;color:white;font-size:12px;font-weight:900}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:12px;color:#5167d7}.intro h1{font-size:clamp(38px,5vw,66px);line-height:1.02;margin:18px 0}.intro>p:not(.eyebrow){font-size:19px;line-height:1.6;color:#60708d}.intro ul{list-style:none;padding:0;display:grid;gap:12px;margin-top:30px}.intro li:before{content:'✓';display:inline-grid;place-items:center;width:24px;height:24px;margin-right:10px;border-radius:50%;background:#dce5ff;color:#3953c7;font-weight:900}.card{background:#fff;border:1px solid #dce2ee;border-radius:26px;box-shadow:0 24px 70px #33415c24;padding:clamp(30px,5vw,52px)}h2{font-size:32px;margin:7px 0}.muted{color:#71809a;line-height:1.5}form{display:grid;gap:18px}label{display:grid;gap:8px;font-size:13px;font-weight:750}input{width:100%;border:1px solid #cbd4e4;border-radius:12px;padding:14px 15px;font:inherit;color:#18233e;outline:none}input:focus{border-color:#5167d7;box-shadow:0 0 0 4px #5167d71c}label small{color:#8792a7;font-weight:500}button{border:0;border-radius:12px;background:#18233e;color:#fff;padding:15px;font:inherit;font-weight:800;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.message{margin-top:16px;border-radius:12px;padding:12px 14px;background:#ffe9e9;color:#9d2020;font-size:14px}.loading{padding:40px 0;text-align:center;color:#60708d}.hidden{display:none!important}footer{margin-top:24px;padding-top:18px;border-top:1px solid #edf0f5;color:#98a2b4;font-size:12px;text-align:center}@media(max-width:800px){.login-shell{grid-template-columns:1fr;padding:24px}.intro{display:none}.card{padding:28px}}