:root{--ink:#15233b;--muted:#64738a;--line:#dbe4ee;--blue:#245da8;--violet:#755d88;--green:#167257}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 12% 12%,rgba(117,93,136,.14),transparent 30%),radial-gradient(circle at 88% 86%,rgba(36,93,168,.12),transparent 30%),#f2f6fb;color:var(--ink);font:15px/1.55 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.gate{width:min(1050px,100%);min-height:600px;display:grid;grid-template-columns:1.08fr .92fr;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 28px 90px rgba(22,39,65,.16)}.identity{padding:66px;background:linear-gradient(145deg,#172b49,#244e7d 56%,#6f5a80);color:#fff;display:flex;flex-direction:column;justify-content:center}.mark{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);font:700 34px Georgia}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.15em}.identity .eyebrow{margin:32px 0 8px;color:#cfdaeb}.identity h1{font-size:43px;line-height:1.1;margin:0 0 20px;max-width:560px}.identity>p:not(.eyebrow){color:#d9e3ef;font-size:17px;max-width:560px}.trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.trust span{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:999px;padding:7px 11px;font-size:12px}.login{padding:66px 58px;display:flex;flex-direction:column;justify-content:center}.login .eyebrow{color:var(--violet);margin:0}.login h2{font-size:32px;margin:8px 0 5px}.intro,.support{color:var(--muted)}form{margin-top:21px}label{display:grid;gap:7px;margin:16px 0;color:#46566d;font-weight:750}input{width:100%;height:48px;border:1px solid #c9d5e3;border-radius:11px;padding:0 13px;font:inherit;background:#fbfdff}input:focus{outline:0;border-color:#739bcf;box-shadow:0 0 0 4px rgba(36,93,168,.1)}button{width:100%;height:49px;margin-top:7px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--blue),#644f79);color:#fff;font:750 15px inherit;cursor:pointer}.alert{border:1px solid #efc8c3;background:#fff2f0;color:#973f37;border-radius:10px;padding:11px 13px;margin-top:18px}.support{font-size:12px;text-align:center;margin-top:20px}@media(max-width:800px){body{padding:15px}.gate{grid-template-columns:1fr}.identity{padding:36px}.identity h1{font-size:32px}.login{padding:38px 30px}}