:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0d111b;color:#f6f7fb}
*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(circle at 12% 8%,#293449 0,transparent 34%),#0d111b;display:grid;place-items:center;padding:28px}
.login-shell{display:grid;grid-template-columns:minmax(360px,480px) minmax(420px,620px);width:min(1100px,100%);min-height:640px;overflow:hidden;border:1px solid #2b3343;border-radius:28px;background:#151a25;box-shadow:0 38px 100px rgba(0,0,0,.48)}
.login-card{display:flex;flex-direction:column;padding:42px;background:linear-gradient(180deg,#171d29,#121722)}
.brand-lockup{display:flex;align-items:center;gap:13px}.brand-lockup>span{display:grid;width:43px;height:43px;place-items:center;border-radius:13px;background:linear-gradient(145deg,#7768ee,#4a3fc1);box-shadow:0 10px 28px #6357dd55;font-weight:850}.brand-lockup div{display:grid;gap:2px}.brand-lockup strong{font-size:15px}.brand-lockup small{color:#8e99ad;font-size:11px}
.login-copy{margin-top:auto;margin-bottom:36px}.login-copy p{margin:0 0 12px;color:#8b7fff;font-size:10px;font-weight:850;letter-spacing:.14em}.login-copy h1{margin:0 0 12px;font-size:34px;letter-spacing:-.045em}.login-copy>span{display:block;max-width:390px;color:#98a3b7;font-size:13px;line-height:1.65}
form{display:grid;gap:17px}label{display:grid;gap:7px}label span{color:#cbd2df;font-size:11px;font-weight:750}input{width:100%;min-height:48px;border:1px solid #343d50;border-radius:12px;outline:0;background:#0e131d;color:#fff;padding:0 14px;font-size:15px;transition:.2s}input:focus{border-color:#786beb;box-shadow:0 0 0 4px #7567ed1f}button{display:flex;align-items:center;justify-content:space-between;min-height:50px;margin-top:4px;padding:0 17px;border:0;border-radius:12px;background:linear-gradient(135deg,#7568e8,#594dcf);color:#fff;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px #574ac44f}button:disabled{opacity:.65;cursor:wait}button span{font-size:20px}.form-error{min-height:17px;margin:-5px 0;color:#ff9a9f;font-size:11px;line-height:1.5}
footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:34px;color:#758096;font-size:10px}.secure-dot{width:7px;height:7px;border-radius:50%;background:#52d494;box-shadow:0 0 0 4px #52d49418}
.login-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#27233c,#171d2a)}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom right,#000,transparent 92%)}.login-visual::before,.login-visual::after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}.login-visual::before{width:420px;height:420px;right:-130px;top:-90px;background:#695bed3d}.login-visual::after{width:320px;height:320px;left:-110px;bottom:-100px;background:#32b87926}.visual-content{position:relative;z-index:1;display:flex;height:100%;flex-direction:column;justify-content:center;padding:70px}.live-chip{display:flex;align-items:center;gap:8px;width:max-content;padding:8px 11px;border:1px solid #ffffff18;border-radius:999px;background:#ffffff0b;color:#c9c3ff;font-size:9px;font-weight:850;letter-spacing:.09em}.live-chip i{width:6px;height:6px;border-radius:50%;background:#5ee0a2;box-shadow:0 0 0 5px #5ee0a21a}.visual-content h2{margin:28px 0 22px;font-size:38px;line-height:1.16;letter-spacing:-.045em}.visual-content p{max-width:400px;color:#aeb5c8;font-size:13px;line-height:1.7}.channel-flow{display:flex;align-items:center;gap:10px;margin:16px 0 10px}.channel-flow b{display:grid;width:48px;height:48px;place-items:center;border:1px solid #ffffff20;border-radius:15px;background:#ffffff0d;font-size:12px}.channel-flow b:first-child{background:#8ac65b;color:#10180b}.channel-flow b:nth-last-child(1){background:#f7a427;color:#231403}.channel-flow span{width:34px;height:1px;background:linear-gradient(90deg,#ffffff35,#7568e8)}
@media(max-width:820px){body{padding:14px}.login-shell{grid-template-columns:1fr;min-height:calc(100vh - 28px)}.login-visual{display:none}.login-card{padding:28px}.login-copy{margin-top:72px}.login-copy h1{font-size:30px}}