*{margin:0;padding:0;box-sizing:border-box}:root{--auth-primary:#8b0000;--auth-accent:#e8e8e8;--auth-surface:#151515;--auth-rgb:139,0,0}body,html{width:100%;height:100%;overflow:hidden;background:#030303;color:#e8e8e8;font-family:"Roboto Mono",monospace}#authBackground{position:fixed;inset:0;background:radial-gradient(circle at 25% 40%,rgba(160,0,0,.24),transparent 34%),radial-gradient(circle at 78% 55%,rgba(80,0,0,.16),transparent 32%),linear-gradient(135deg,#020202,#090909 55%,#030303);z-index:0}#authBackground::after{content:"";position:absolute;left:50%;top:50%;width:1200px;height:1200px;transform:translate(-55%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(170,0,0,.12),transparent 72%);animation:10s ease-in-out infinite glowPulse}#authNoise{position:fixed;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:4px 4px;opacity:.08;z-index:1;pointer-events:none}#scanlines{position:fixed;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 5px);opacity:.28;z-index:4;pointer-events:none}#scpVisual{position:fixed;left:46%;top:51%;width:1350px;height:1350px;transform:translate(-50%,-50%);z-index:1;pointer-events:none}#scpLogo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.32;animation:140s linear infinite rotateSlow,8s ease-in-out infinite logoPulse}#scpLogo img{width:1380px;height:1380px;filter:drop-shadow(0 0 25px rgba(180,0,0,.25)) drop-shadow(0 0 90px rgba(160,0,0,.22))}.hudRing{position:absolute;inset:80px;border:1px solid rgba(180,0,0,.32);border-radius:50%;box-shadow:0 0 35px rgba(180,0,0,.08)}.ringOne{animation:95s linear infinite rotateSlow}.ringTwo{inset:150px;border-style:dashed;opacity:.55;animation:70s linear infinite rotateReverse}.ringThree{inset:240px;border:.5px solid rgba(255,255,255,.08);animation:180s linear infinite rotateSlow}.ringFour{inset:330px;border-style:dotted;border-color:rgba(180,0,0,.22);animation:130s linear infinite rotateReverse}.hudDot{position:absolute;width:10px;height:10px;border-radius:50%;background:#b00000;box-shadow:0 0 18px rgba(220,0,0,.9);animation:3s ease-in-out infinite dotPulse}.dotOne{left:50%;top:12%}.dotTwo{right:18%;top:62%;animation-delay:1s}.dotThree{left:21%;bottom:24%;animation-delay:2s}.hudRing:after,.hudRing:before{content:"";position:absolute;width:12px;height:12px;background:#8b0000;border-radius:50%;box-shadow:0 0 18px #b00000}.hudRing:before{top:-6px;left:50%}.hudRing:after{bottom:-6px;left:50%}#authShell{position:relative;z-index:3;width:100vw;height:100vh;display:grid;grid-template-columns:1.15fr .85fr}#authBrand{display:flex;flex-direction:column;justify-content:center;padding-left:9vw}.brandMarker{color:#b00000;letter-spacing:5px;font-size:13px;margin-bottom:28px}#authBrand h1{font-family:Orbitron,sans-serif;font-size:58px;line-height:1.05;letter-spacing:5px;color:#fff;text-shadow:0 0 24px rgba(170,0,0,.45)}#authBrand p{margin-top:24px;color:#9a9a9a;letter-spacing:4px;font-size:14px}.brandStatus{margin-top:54px;display:grid;grid-template-columns:repeat(3,max-content);gap:22px}.brandStatus div{min-width:130px;padding:14px;border:1px solid rgba(180,0,0,.18);background:rgba(0,0,0,.32)}.brandStatus span{display:block;color:#666;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}.brandStatus strong{color:#ddd;letter-spacing:2px;font-size:13px;text-transform:uppercase}#authPanel{align-self:center;justify-self:center;width:440px;padding:42px;background:rgba(5,5,5,.86);border:1px solid rgba(170,0,0,.38);box-shadow:0 0 48px rgba(0,0,0,.85),inset 0 0 38px rgba(130,0,0,.08);backdrop-filter:blur(14px);animation:.55s forwards panelIn}.panelHeader h2{font-family:Orbitron,sans-serif;color:#b00000;letter-spacing:4px;font-size:22px;margin-bottom:8px}.panelHeader p{color:#777;font-size:11px;letter-spacing:2px;margin-bottom:24px}#typeText{min-height:26px;margin-bottom:28px;color:#d00000;letter-spacing:3px;font-size:12px}#loginMessage{display:none;margin:-14px 0 22px;padding:11px 12px;color:#f77;background:rgba(120,0,0,.18);border-left:3px solid #c00000;font-size:12px;line-height:1.45;letter-spacing:.8px}#loginMessage.visible{display:block}#loginForm{display:flex;flex-direction:column}#loginForm label{margin-bottom:8px;color:#999;letter-spacing:3px;font-size:12px}#loginForm input,#registerBox input{width:100%;margin-bottom:20px;padding:15px;background:rgba(0,0,0,.48);border:1px solid #303030;color:#fff;outline:0;font-size:15px}#loginForm input:focus,#registerBox input:focus{border-color:#9b0000;box-shadow:0 0 14px rgba(170,0,0,.35)}.loginActions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:2px 0 28px}.remember{display:flex;align-items:center;gap:10px;color:#888;font-size:11px;letter-spacing:1.4px;white-space:nowrap;cursor:pointer;user-select:none}.remember input{display:none}.remember span{width:14px;height:14px;border:1px solid #666;display:inline-block;background:rgba(0,0,0,.5)}.remember input:checked+span{background:#9b0000;border-color:#d00000;box-shadow:0 0 12px rgba(180,0,0,.6)}.textButton{background:0 0;border:none;color:#777;cursor:pointer;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;transition:.2s}.textButton:hover{color:#d00000}#regCancel,#regSubmit,.mainButton,.secondaryButton{padding:15px;background:0 0;border:1px solid #555;color:#e8e8e8;font-family:Orbitron,sans-serif;letter-spacing:3px;cursor:pointer;transition:.2s}.mainButton{border-color:#8b0000;box-shadow:0 0 14px rgba(139,0,0,.18)}#regSubmit:hover,.mainButton:hover,.secondaryButton:hover{border-color:#d00000;background:rgba(130,0,0,.22);box-shadow:0 0 24px rgba(160,0,0,.32)}.secondaryButton{width:100%}.guestButton{margin-top:22px;width:100%;background:0 0;border:none;color:#888;font-family:Orbitron,sans-serif;letter-spacing:3px;cursor:pointer;transition:.2s}.guestButton:hover{color:#fff}.orDivider{position:relative;height:1px;background:#242424;margin:28px 0}.orDivider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#050505;padding:0 14px;color:#555;font-size:11px;letter-spacing:3px}#registerOverlay{display:none;position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.84);justify-content:center;align-items:center}#registerBox{width:390px;padding:36px;background:#070707;border:1px solid #8b0000;box-shadow:0 0 38px rgba(140,0,0,.38);display:flex;flex-direction:column}#registerBox h2{font-family:Orbitron,sans-serif;color:#b00000;margin-bottom:26px;letter-spacing:3px}#regSubmit{margin-bottom:12px}#toast{position:fixed;right:30px;bottom:30px;background:rgba(10,10,10,.96);border:1px solid #8b0000;color:#fff;padding:14px 18px;box-shadow:0 0 25px rgba(139,0,0,.45);opacity:0;transform:translateY(20px);transition:.25s;z-index:9999}#toast.show{opacity:1;transform:translateY(0)}body #authBackground{background:radial-gradient(circle at 25% 40%,rgba(var(--auth-rgb),.26),transparent 34%),radial-gradient(circle at 78% 55%,rgba(var(--auth-rgb),.14),transparent 32%),linear-gradient(135deg,#020202,var(--auth-surface) 55%,#030303)}body #authBackground::after{background:radial-gradient(circle,rgba(var(--auth-rgb),.15),transparent 72%)}body #scpLogo img{filter:drop-shadow(0 0 25px rgba(var(--auth-rgb),.3)) drop-shadow(0 0 90px rgba(var(--auth-rgb),.2))}body .hudRing{border-color:rgba(var(--auth-rgb),.34);box-shadow:0 0 35px rgba(var(--auth-rgb),.1)}body .hudDot,body .hudRing::after,body .hudRing::before{background:var(--auth-primary);box-shadow:0 0 18px rgba(var(--auth-rgb),.9)}body #registerBox h2,body #typeText,body .brandMarker,body .panelHeader h2{color:var(--auth-primary)}body #authBrand h1{color:var(--auth-accent);text-shadow:0 0 24px rgba(var(--auth-rgb),.45)}body .brandStatus div{border-color:rgba(var(--auth-rgb),.24);background:linear-gradient(145deg,rgba(var(--auth-rgb),.08),rgba(0,0,0,.4))}body #authPanel{border-color:rgba(var(--auth-rgb),.48);box-shadow:0 0 48px rgba(0,0,0,.85),inset 0 0 38px rgba(var(--auth-rgb),.1)}body #loginForm input:focus,body #registerBox input:focus{border-color:var(--auth-primary);box-shadow:0 0 14px rgba(var(--auth-rgb),.35)}body .remember input:checked+span{background:var(--auth-primary);border-color:var(--auth-accent);box-shadow:0 0 12px rgba(var(--auth-rgb),.6)}body .guestButton:hover,body .textButton:hover{color:var(--auth-accent)}body #registerBox,body .mainButton{border-color:var(--auth-primary);box-shadow:0 0 18px rgba(var(--auth-rgb),.2)}body #regSubmit:hover,body .mainButton:hover,body .secondaryButton:hover{border-color:var(--auth-accent);background:rgba(var(--auth-rgb),.22);box-shadow:0 0 24px rgba(var(--auth-rgb),.32)}body[data-auth-variant=insurgency] #authBackground{background:linear-gradient(rgba(var(--auth-rgb),.09) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--auth-rgb),.09) 1px,transparent 1px),radial-gradient(circle at 78% 22%,rgba(var(--auth-rgb),.25),transparent 28%),#010402;background-size:34px 34px,34px 34px,auto,auto}body[data-auth-variant=insurgency] #authBackground::before{content:"BLACK RELAY // DELTA NODE // SIGNAL UNREGISTERED";position:absolute;left:32px;bottom:28px;color:rgba(var(--auth-rgb),.48);font-size:10px;letter-spacing:.34em}body[data-auth-variant=insurgency] #authNoise{opacity:.16;background-image:repeating-linear-gradient(90deg,transparent 0 47px,rgba(var(--auth-rgb),.08) 48px)}body[data-auth-variant=insurgency] #scpVisual{left:18%;top:23%;width:580px;height:580px;transform:translate(-50%,-50%)}body[data-auth-variant=insurgency] #scpLogo{opacity:.5;animation:5s ease-in-out infinite logoPulse}body[data-auth-variant=insurgency] #scpLogo img{width:520px;height:520px}body[data-auth-variant=insurgency] .hudRing{border-radius:0;transform:rotate(45deg)}body[data-auth-variant=insurgency] #authShell{grid-template-columns:.82fr 1.18fr;padding:5vh 6vw}body[data-auth-variant=insurgency] #authBrand{justify-content:flex-end;padding:0 4vw 7vh 0;border-right:1px solid rgba(var(--auth-rgb),.26)}body[data-auth-variant=insurgency] #authBrand h1{font-size:50px;color:#9beeb2;letter-spacing:.14em}body[data-auth-variant=insurgency] .brandMarker{padding-left:12px;border-left:3px solid var(--auth-primary);color:#68c985}body[data-auth-variant=insurgency] .brandStatus{grid-template-columns:1fr;margin-top:38px;gap:7px}body[data-auth-variant=insurgency] .brandStatus div{display:flex;justify-content:space-between;min-width:0;padding:9px 12px;border:0;border-bottom:1px solid rgba(var(--auth-rgb),.25)}body[data-auth-variant=insurgency] #authPanel{width:min(540px,90%);padding:48px 52px;background:rgba(0,10,4,.9);border:0;border-left:3px solid var(--auth-primary);clip-path:polygon(0 0,94% 0,100% 7%,100% 100%,6% 100%,0 93%)}body[data-auth-variant=insurgency] #authPanel::before{content:"RELAY://CI/DELTA/AUTH";display:block;margin-bottom:24px;color:#3f8153;font-size:9px;letter-spacing:.28em}body[data-auth-variant=insurgency] .panelHeader h2{color:#8cf0a9}body[data-auth-variant=insurgency] #loginForm input{border:0;border-bottom:1px solid #28683b;background:rgba(var(--auth-rgb),.055)}body[data-auth-variant=insurgency] .mainButton,body[data-auth-variant=insurgency] .secondaryButton{clip-path:polygon(0 0,96% 0,100% 30%,100% 100%,4% 100%,0 70%)}@media(max-width:850px){body[data-auth-variant=insurgency] #authShell{display:flex;padding:18px}body[data-auth-variant=insurgency] #authBrand{display:none}body[data-auth-variant=insurgency] #authPanel{margin:auto;width:min(540px,100%)}}@keyframes rotateSlow{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateReverse{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes scpPulse{0%,100%{opacity:.72}50%{opacity:1}}@keyframes panelIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}50%{transform:translateX(8px)}75%{transform:translateX(-5px)}}@media(max-width:1000px){#authShell{grid-template-columns:1fr}#authBrand{display:none}#scpVisual{left:50%;transform:translate(-50%,-50%);opacity:.55}#authPanel{width:90%}}@keyframes logoPulse{0%,100%{opacity:.22;transform:scale(1)}50%{opacity:.34;transform:scale(1.015)}}@keyframes dotPulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}@keyframes glowPulse{0%,100%{opacity:.5}50%{opacity:.9}}#registerMessage{min-height:22px;margin-bottom:18px;color:#d00000;font-size:12px;letter-spacing:2px}