*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080a0f;--bg1:#0d1017;--bg2:#131720;--bg3:#1a2030;--bg4:#1f2638;--border:#232b3a;--border2:#2e3a50;--text:#e2e8f4;--text2:#8a9ab8;--text3:#4a5568;--green:#34d399;--green2:#0d3326;--red:#f87171;--red2:#3a1212;--blue:#60a5fa;--blue2:#0f2544;--accent:#818cf8;--accent2:#1a1c42;--discord:#5865f2;--discord2:#1a1c42;--mono:"JetBrains Mono",monospace;--sans:"Outfit",sans-serif}body,html{background:var(--bg);color:var(--text);font-family:var(--sans);height:100%;overflow:hidden}.bg-grid{animation:gridDrift 120s linear infinite;background-image:radial-gradient(circle,rgba(46,58,80,.26) 1px,transparent 0);background-position:14px 14px;background-size:34px 34px;inset:0;opacity:.2;position:fixed;z-index:0}@keyframes gridDrift{0%{background-position:14px 14px}to{background-position:42px 42px}}.orb{animation:orbFloat 10s ease-in-out infinite;border-radius:50%;filter:blur(120px);pointer-events:none;position:fixed;z-index:0}.orb1{animation-delay:0s;background:rgba(129,140,248,.05);height:540px;left:-180px;top:-220px;width:540px}.orb2{animation-delay:-4s;background:rgba(129,140,248,.04);bottom:-180px;height:430px;right:-130px;width:430px}.orb3{animation-delay:-2s;background:rgba(52,211,153,.03);height:260px;left:52%;top:45%;transform:translate(-50%,-50%);width:260px}@keyframes orbFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.orb3{animation:orbFloat3 10s ease-in-out infinite}@keyframes orbFloat3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-55%) scale(1.08)}}.bg-vignette{background:radial-gradient(circle at 50% 35%,rgba(8,10,16,.05) 0,rgba(8,10,16,.45) 60%,rgba(5,7,11,.82) 100%);inset:0;pointer-events:none;position:fixed;z-index:1}.login-shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:32px;position:relative;z-index:10}.login-shell:before{animation:softDrift 16s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 20%,rgba(96,165,250,.08),transparent 35%),radial-gradient(circle at 80% 80%,rgba(129,140,248,.09),transparent 40%);content:"";filter:blur(40px);inset:-10%;pointer-events:none;position:fixed;z-index:-1}@keyframes softDrift{0%{transform:translate3d(-10px,-6px,0)}to{transform:translate3d(12px,8px,0)}}.login-landscape{animation:modalPop .7s cubic-bezier(.18,.9,.3,1) both;background:linear-gradient(120deg,rgba(11,14,24,.96),rgba(11,15,25,.9) 45%,rgba(9,12,20,.96));border:1px solid var(--border);border-radius:20px;box-shadow:0 0 0 1px rgba(129,140,248,.08),0 38px 90px rgba(0,0,0,.55);display:grid;grid-template-columns:1.1fr .9fr;min-height:620px;overflow:hidden;width:min(1080px,100%)}@keyframes modalPop{0%{opacity:0;transform:scale(.96) translateY(16px)}65%{opacity:1;transform:scale(1.01) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.login-visual{background:radial-gradient(circle at 30% 20%,rgba(88,101,242,.24),transparent 48%),radial-gradient(circle at 70% 65%,rgba(129,140,248,.16),transparent 48%),linear-gradient(180deg,rgba(15,19,32,.92),rgba(9,12,20,.96));border-right:1px solid rgba(129,140,248,.12);display:flex;flex-direction:column;gap:14px;justify-content:center;padding:48px;position:relative}.visual-glow{animation:spin 11s linear infinite;background:conic-gradient(from 220deg,rgba(96,165,250,.02),rgba(129,140,248,.24),rgba(52,211,153,.08),rgba(96,165,250,.02));filter:blur(42px);inset:-25% -10%;pointer-events:none;position:absolute}.visual-logo{border-radius:20px;height:92px;object-fit:contain;width:92px}.visual-logo,.visual-title{position:relative;z-index:1}.visual-title{color:var(--text);font-family:var(--mono);font-size:32px;font-weight:700;letter-spacing:.22em}.visual-sub{color:var(--text2);font-size:13px;line-height:1.65;max-width:360px;position:relative;z-index:1}.login-card{animation:cardIn .5s cubic-bezier(.16,1,.3,1) both;background:transparent;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;padding:48px;position:relative;width:100%}@keyframes cardIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.card-sheen{animation:sheenMove 3s ease-in-out infinite;background:linear-gradient(90deg,transparent,rgba(129,140,248,.4),transparent);height:1px;left:0;position:absolute;right:0;top:0}@keyframes sheenMove{0%,to{opacity:.4}50%{opacity:1}}.login-logo{align-items:center;animation:fadeUp .5s .1s both;display:flex;gap:10px;margin-bottom:16px}.brand-logo{border-radius:6px;flex-shrink:0;height:32px;object-fit:contain;width:32px}.logo-dot{animation:blink 2.4s ease-in-out infinite;background:var(--accent);border-radius:50%;box-shadow:0 0 14px var(--accent);flex-shrink:0;height:10px;width:10px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.logo-text{color:var(--text);font-family:var(--sans);font-size:28px;font-weight:600;letter-spacing:0}.logo-badge{background:var(--accent2);border:1px solid rgba(129,140,248,.25);border-radius:20px;color:var(--accent);font-family:var(--mono);font-size:8px;letter-spacing:.06em;margin-left:auto;padding:2px 7px}.login-sub{animation:fadeUp .5s .2s both;color:var(--text3);font-size:12px;line-height:1.65;margin-bottom:20px}.login-divider{align-items:center;animation:fadeUp .5s .25s both;display:flex;gap:10px;margin:2px 0}.login-divider span{color:var(--text3);font-family:var(--mono);font-size:9px;letter-spacing:.08em;white-space:nowrap}.login-divider:after,.login-divider:before{background:var(--border);content:"";flex:1;height:1px}#login-form{display:flex;flex:1;flex-direction:column;gap:14px}#ts-widget{background:transparent;border:0;border-radius:0;justify-content:flex-start;min-height:0;padding:0}#ts-widget,.turnstile-wrap{align-items:center;display:flex}.turnstile-wrap{animation:fadeUp .5s .32s both;justify-content:center;min-height:66px}.right-stack{display:flex;flex:1;flex-direction:column;gap:12px}.ascii-wrap{animation:fadeUp .5s .35s both;background:linear-gradient(90deg,rgba(10,13,22,.72),rgba(8,10,17,.5));border:1px solid var(--border);border-radius:10px;overflow:hidden;padding:10px 12px;position:relative}.ascii-wrap-large{display:flex;flex-direction:column;min-height:220px;padding:12px 14px}.ascii-wrap:after{animation:asciiRain 3.6s linear infinite;background:linear-gradient(180deg,transparent,rgba(129,140,248,.1) 55%,transparent);content:"";height:120%;left:0;position:absolute;right:0;top:-120%}@keyframes asciiRain{to{transform:translateY(220%)}}.ascii-title{color:var(--text3);font-family:var(--mono);font-size:10px;margin-bottom:8px}.ascii-art{color:var(--text2);flex:1;font-family:var(--mono);font-size:10.5px;line-height:1.3;margin:0;position:relative;text-shadow:0 0 16px rgba(129,140,248,.2);white-space:pre;z-index:1}.btn-discord{align-items:center;animation:fadeUp .5s .3s both;background:var(--discord);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:var(--sans);font-size:14px;font-weight:600;gap:12px;justify-content:center;overflow:hidden;padding:13px 20px;position:relative;text-decoration:none;transition:all .18s;width:100%}.btn-discord:before{background:linear-gradient(135deg,hsla(0,0%,100%,.12),transparent 60%);content:"";inset:0;pointer-events:none;position:absolute}.btn-discord:hover{background:#6d7aff;box-shadow:0 8px 28px rgba(129,140,248,.4);transform:translateY(-1px)}.btn-discord:active{box-shadow:none;transform:translateY(0)}.btn-discord .discord-icon{flex-shrink:0;font-size:18px}.btn-discord-text{align-items:flex-start;display:flex;flex-direction:column;gap:1px}.btn-discord-main{font-size:13px;font-weight:600;line-height:1}.btn-discord-sub{font-size:10px;font-weight:400;line-height:1;opacity:.75}.btn-discord-bottom{margin-bottom:2px;margin-top:2px}.login-footer{align-items:center;animation:fadeUp .5s .4s both;border-top:1px solid var(--border);display:flex;gap:8px;margin-top:auto;padding-top:18px}.login-footer-txt{color:var(--text3);flex:1;font-family:var(--mono);font-size:9px;line-height:1.6}.login-footer-txt b{color:var(--text2)}.login-status{align-items:center;color:var(--text3);display:flex;font-family:var(--mono);font-size:9px;gap:5px}.status-pip{background:var(--green);border-radius:50%;box-shadow:0 0 6px var(--green);flex-shrink:0;height:5px;width:5px}.login-error{align-items:flex-start;animation:fadeUp .3s both;background:var(--red2);border:1px solid hsla(0,91%,71%,.2);border-radius:8px;color:var(--red);display:none;font-size:12px;gap:8px;margin-bottom:18px;padding:10px 14px}.login-error.show{display:flex}.btn-discord.loading{opacity:.7;pointer-events:none}.btn-discord.loading .btn-discord-main:after{content:" …"}.btn-discord.loading .discord-icon{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.btn-discord:disabled{box-shadow:none;cursor:not-allowed;opacity:.58;transform:none}#connecting-overlay{align-items:center;background:var(--bg);display:none;flex-direction:column;gap:16px;inset:0;justify-content:center;position:fixed;z-index:100}#connecting-overlay.show,.conn-logo{display:flex}.conn-logo{align-items:center;animation:fadeUp .4s both;gap:10px;margin-bottom:8px}.conn-logo-dot{animation:blink 2.4s ease-in-out infinite;background:var(--accent);border-radius:50%;box-shadow:0 0 14px var(--accent);height:10px;width:10px}.conn-title{animation:fadeUp .4s .05s both;color:var(--text);font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.12em}.conn-status{animation:fadeUp .4s .1s both;color:var(--text3);font-family:var(--mono);font-size:10px}.conn-bar{animation:fadeUp .4s .15s both;background:var(--border);border-radius:2px;height:2px;overflow:hidden;width:180px}.conn-bar-fill{animation:connProg 1.8s ease-in-out infinite;background:var(--accent);height:100%;transform-origin:left}@keyframes connProg{0%{transform:scaleX(0) translateX(0)}50%{transform:scaleX(1) translateX(0)}to{transform:scaleX(0) translateX(400%)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cursor-blink:after{animation:blink 1s steps(1) infinite;color:var(--accent);content:"_";font-family:var(--mono)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg1)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}@media (max-width:1080px){body,html{overflow:auto}.login-shell{min-height:100dvh;padding:22px 16px 26px}.login-landscape{grid-template-columns:1fr;min-height:auto}.login-visual{border-bottom:1px solid rgba(129,140,248,.12);border-right:0;min-height:260px;padding:28px 24px}.visual-title{font-size:24px;letter-spacing:.16em}.login-card{min-height:520px;padding:30px 22px}.logo-text{font-size:24px}.logo-badge{display:none}.ascii-art{font-size:9px}.ascii-wrap-large{min-height:205px}.turnstile-wrap{min-height:72px}}