*{box-sizing:border-box}html,body{margin:0;min-height:100%}body.login-page{--green:#a8ff00;--muted:#879087;min-height:100vh;overflow:hidden;background:#020703;color:#f5f6f4;font-family:"Segoe UI",Roboto,Arial,sans-serif}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,64%) minmax(420px,36%);background:#010503}.login-visual{min-width:0;height:100vh;overflow:hidden;background:#061009}.login-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.login-panel{min-width:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6vh clamp(42px,5vw,92px);background:radial-gradient(circle at 30% 45%,rgba(18,62,27,.12),transparent 48%),#010503}.login-card{width:min(100%,520px);padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.login-card h1{margin:0;text-align:left;font-size:clamp(38px,2.8vw,54px);line-height:1.05;font-weight:800;letter-spacing:-.035em}.login-sub{margin:12px 0 50px;text-align:left;color:var(--muted);font-size:17px}.login-card label{display:block;margin:0 0 9px;color:#e6e9e4;font-size:15px;font-weight:600}.login-field{position:relative;height:56px;margin-bottom:22px}.login-field>i{position:absolute;z-index:2;left:18px;top:50%;transform:translateY(-50%);color:#91a18f;font-size:18px}.login-field input{width:100%;height:100%;padding:0 52px;border:1px solid rgba(150,169,158,.52);border-radius:8px;outline:0;background:rgba(3,12,8,.3);color:#fff;font:inherit;font-size:15px;transition:.2s}.login-field input::placeholder{color:#7f8b82}.login-field input:focus{border-color:rgba(206,222,211,.8);box-shadow:0 0 0 2px rgba(255,255,255,.035)}.eye-btn{position:absolute;z-index:3;right:10px;top:50%;width:38px;height:38px;padding:0;transform:translateY(-50%);border:0;background:transparent;color:#98a39a;cursor:pointer;font-size:17px}.eye-btn:hover{color:#fff}.login-submit,.login-twitch-btn{width:100%;height:58px;border-radius:8px;font-size:16px;font-weight:700;transition:.2s}.login-submit{position:relative;display:flex;align-items:center;justify-content:center;margin-top:34px;border:0;background:linear-gradient(100deg,#91e844,var(--green));color:#071009;cursor:pointer}.login-submit i{position:absolute;right:21px}.login-submit:hover{transform:translateY(-1px);filter:brightness(1.08)}.login-divider{display:flex;align-items:center;gap:18px;margin:27px 0;color:#78847b;font-size:12px}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#344039}.login-twitch-btn{display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #4a5750;background:transparent;color:#fff;text-decoration:none}.login-twitch-btn i{color:#9146ff;font-size:22px}.login-twitch-btn:hover{transform:translateY(-1px);border-color:#9146ff;background:rgba(145,70,255,.06)}.login-error{margin:0 0 24px;padding:11px 13px;border:1px solid rgba(255,91,91,.42);border-radius:8px;background:rgba(84,14,14,.3);color:#ffb1b1;font-size:14px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #07120b inset!important;-webkit-text-fill-color:#fff!important}@media(max-width:1100px){.login-shell{grid-template-columns:minmax(0,58%) minmax(420px,42%)}.login-panel{padding:5vh 36px}}@media(max-width:820px){body.login-page{overflow:auto}.login-shell{display:block}.login-visual{height:min(52vh,560px)}.login-visual img{object-position:center 35%}.login-panel{min-height:48vh;padding:42px 24px 56px}.login-card{margin:0 auto}.login-card h1,.login-sub{text-align:center}.login-sub{margin-bottom:38px}}@media(max-width:520px){.login-visual{height:34vh;min-height:250px}.login-panel{padding:32px 18px 44px}.login-card h1{font-size:36px}.login-sub{font-size:15px}.login-field{height:54px}.login-submit,.login-twitch-btn{height:56px}}