*{box-sizing:border-box}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#07111f;color:#101828;display:grid;place-items:center;min-height:100vh;margin:0;padding:24px;position:relative;overflow:hidden}
body::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:#2563eb25;filter:blur(20px);top:-260px;right:-100px}
body::after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:#0ea5e920;filter:blur(40px);bottom:-240px;left:-80px}
.login-shell{width:min(920px,100%);min-height:520px;background:#fff;border:1px solid #ffffff22;border-radius:22px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;box-shadow:0 28px 80px #0008;position:relative;z-index:1}
.login-brand{background:linear-gradient(150deg,#0d192b,#142c51);padding:48px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.brand-row{display:flex;align-items:center;gap:12px;font-weight:750}
.brand-mark{width:46px;height:46px;border-radius:12px;background:#fff;padding:5px;display:grid;place-items:center;box-shadow:0 10px 24px #00000033;flex:0 0 auto}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.login-brand h1{font-size:36px;line-height:1.1;letter-spacing:-.045em;margin:0 0 16px}
.login-brand p{color:#b9c5d7;max-width:380px;line-height:1.65}
.security-note{font-size:12px;color:#7f91aa}
.login-form{padding:52px;display:flex;flex-direction:column;justify-content:center}
.eyebrow{font-size:11px;color:#175cd3;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
h2{font-size:27px;letter-spacing:-.035em;margin:8px 0 5px}
.subtitle{color:#667085;margin:0 0 28px}
label{display:block;font-size:12px;font-weight:700;color:#344054;margin-bottom:7px}
input{width:100%;padding:12px;margin:0 0 18px;border:1px solid #d0d5dd;border-radius:10px;font:inherit;outline:none}
input:focus{border-color:#84adff;box-shadow:0 0 0 3px #2e90fa1c}
button{width:100%;padding:12px;background:linear-gradient(180deg,#2d7cf0 0%,#1769e0 100%);color:white;border:1px solid #155dc7;border-radius:9px;font-weight:650;font-size:14px;cursor:pointer;box-shadow:0 2px 5px #12305b30}
button:hover{background:linear-gradient(180deg,#2474e6 0%,#1559bd 100%)}
.warning{background:#fef3f2;color:#b42318;padding:10px 12px;border-radius:9px;margin-bottom:18px;font-size:13px}
@media(max-width:760px){.login-shell{grid-template-columns:1fr;min-height:0}.login-brand{padding:24px;min-height:150px}.login-brand>div:nth-child(2),.security-note{display:none}.login-form{padding:34px 26px}}