:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#15233a;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr)}.login-aside{color:#fff;padding:clamp(35px,6vw,84px);display:flex;flex-direction:column;background:radial-gradient(circle at 20% 20%,rgba(55,115,241,.35),transparent 36%),radial-gradient(circle at 85% 80%,rgba(31,81,190,.28),transparent 35%),#071329;position:relative;overflow:hidden}.login-aside:after{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-180px;top:20%}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;position:relative;z-index:1}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:#2f73ef;border-radius:13px;font-size:19px;font-weight:850;box-shadow:0 9px 24px rgba(37,99,235,.34)}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{color:#8097bb;font-size:11px;margin-top:2px}.aside-copy{margin:auto 0;max-width:560px;position:relative;z-index:1}.eyebrow{color:#74a5ff;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.16em}.aside-copy h1{font-size:clamp(38px,4.6vw,64px);line-height:1.06;letter-spacing:-.05em;margin:22px 0}.aside-copy p{font-size:16px;line-height:1.7;color:#9aacc8;max-width:500px}.security-note{display:flex;gap:13px;align-items:center;position:relative;z-index:1}.security-note>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(44,196,140,.12);color:#5be0ad}.security-note p{font-size:11px;color:#8196b5;margin:0;line-height:1.5}.security-note strong{color:#dce6f4;font-size:12px}.login-panel{display:grid;place-items:center;padding:35px;background:radial-gradient(circle at 90% 10%,#e8f1ff,transparent 32%),#f7f9fc}.login-card{width:min(420px,100%)}.login-card__heading{text-align:center;margin-bottom:28px}.lock{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;margin:0 auto 18px;background:#e8f0ff;color:#2863db;font-size:29px;font-weight:700}.login-card h2{font-size:28px;letter-spacing:-.035em;margin:0 0 8px}.login-card__heading p{color:#75849a;font-size:13px;margin:0}.alert{background:#fff0f2;border:1px solid #f6cbd2;color:#a52c40;border-radius:12px;padding:12px 14px;margin-bottom:18px;font-size:13px}.alert small{display:block;margin-top:4px}.login-card label{display:block;font-size:12px;font-weight:750;margin:15px 0 8px}.login-card input{width:100%;height:50px;border:1px solid #ced9e8;border-radius:12px;padding:0 15px;background:#fff;font:inherit;font-size:14px;outline:none;transition:.2s}.login-card input:focus{border-color:#6597ee;box-shadow:0 0 0 4px rgba(37,99,235,.09)}.login-card button{width:100%;height:51px;border:0;border-radius:12px;background:#2463df;color:#fff;font:inherit;font-weight:750;margin-top:23px;display:flex;justify-content:center;align-items:center;gap:14px;cursor:pointer;box-shadow:0 11px 23px rgba(37,99,235,.23);transition:.2s}.login-card button:hover{transform:translateY(-1px);background:#1954c9}.back-link{display:block;text-align:center;margin-top:23px;color:#66768e;text-decoration:none;font-size:12px}.back-link:hover{color:#2463df}@media(max-width:800px){.login-layout{grid-template-columns:1fr}.login-aside{min-height:250px;padding:28px}.aside-copy{margin:45px 0}.aside-copy h1{font-size:38px;margin:12px 0}.aside-copy p,.security-note{display:none}.login-panel{padding:50px 22px}}@media(max-width:480px){.login-aside{min-height:190px}.aside-copy{margin:26px 0 4px}.aside-copy h1{font-size:31px}.login-panel{align-items:start}.login-card h2{font-size:25px}}