html,body{min-height:100%;background:#070910}.login-page{display:grid;place-items:center;position:relative;overflow:hidden;padding:28px;background:radial-gradient(circle at 18% 12%,rgba(155,124,255,.14),transparent 30%),radial-gradient(circle at 85% 80%,rgba(69,230,209,.09),transparent 28%),#070910}.login-page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.ambient{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(100px);opacity:.13}.ambient.one{background:var(--purple);left:-120px;top:-100px}.ambient.two{background:var(--cyan);right:-140px;bottom:-120px}.login-shell{position:relative;width:min(980px,100%);min-height:610px;display:grid;grid-template-columns:1.12fr .88fr;border:1px solid rgba(255,255,255,.1);border-radius:28px;overflow:hidden;box-shadow:0 45px 100px rgba(0,0,0,.55);background:rgba(12,15,24,.9);backdrop-filter:blur(22px)}.brand-panel{position:relative;padding:48px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,rgba(155,124,255,.13),rgba(8,11,18,.2));border-right:1px solid rgba(255,255,255,.08)}.brand-panel:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(69,230,209,.13);border-radius:50%;right:-120px;bottom:35px;box-shadow:0 0 0 40px rgba(155,124,255,.035),0 0 0 90px rgba(69,230,209,.02)}.logo,.mobile-logo{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-weight:950;letter-spacing:-.06em;background:linear-gradient(135deg,var(--purple),#5f4bc7);box-shadow:0 12px 30px rgba(155,124,255,.3);position:relative}.logo span{position:absolute;width:7px;height:7px;background:var(--cyan);border-radius:50%;right:-2px;top:-2px;box-shadow:0 0 12px var(--cyan)}.kicker,.eyebrow{font-size:11px;font-weight:900;letter-spacing:.2em;color:var(--cyan)}h1{font-size:54px;line-height:1.02;letter-spacing:-.055em;margin:10px 0 20px}h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,var(--purple),var(--cyan));background-clip:text}.intro{max-width:410px;color:#9da5b8;line-height:1.7}.platforms{display:flex;align-items:center;gap:12px;color:#727b8f;font-size:10px;font-weight:900;letter-spacing:.13em;z-index:1}.platforms i{width:4px;height:4px;background:#4a5160;border-radius:50%}.platforms .twitch{color:var(--twitch)}.platforms .kick{color:var(--kick)}.auth-card{padding:62px 48px;display:flex;flex-direction:column;justify-content:center}.mobile-logo{display:none}.auth-card h2{font-size:29px;letter-spacing:-.035em;margin:5px 0 8px}.subtitle{color:var(--muted);margin:0 0 34px;font-size:14px}.auth-card form{display:block;margin:0}.auth-card label{display:block;color:#abb2c2;font-size:12px;font-weight:700;margin-bottom:18px}.auth-card input{display:block;width:100%;margin-top:8px;padding:14px 15px;border-radius:11px;background:#090c13;border:1px solid rgba(255,255,255,.1);outline:none;transition:.2s}.auth-card input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(155,124,255,.12)}.password-wrap{position:relative}.password-wrap input{padding-right:58px}.password-wrap button{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:7px;background:transparent;color:#737c8e;font-size:10px;font-weight:900}.submit{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-radius:12px;background:linear-gradient(105deg,#7d61e8,var(--purple));font-weight:850;box-shadow:0 13px 32px rgba(155,124,255,.25);transition:.2s}.submit:hover{transform:translateY(-2px);box-shadow:0 17px 38px rgba(155,124,255,.34)}.submit:disabled{opacity:.6;transform:none;cursor:wait}.submit b{font-size:21px}.security{font-size:10px;text-align:center;color:#697184;margin:22px 0 0}.security span{color:var(--cyan)}.message{min-height:18px;margin:-4px 0 10px;color:#ff8294;font-size:12px}.message.ok{color:var(--cyan)}.hidden{display:none!important}@media(max-width:760px){.login-page{padding:16px}.login-shell{display:block;min-height:0;max-width:430px}.brand-panel{display:none}.auth-card{padding:38px 28px}.mobile-logo{display:grid;margin-bottom:30px}.auth-card h2{font-size:26px}}