@import url('https://googleapis.com');
@keyframes neldaronBoot{0%{opacity:0;filter:blur(10px) brightness(2)}100%{opacity:1;filter:none}}
@keyframes scanline{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}
@keyframes glitch{0%,100%{text-shadow:2px -2px 0 #b32637,-2px 2px 0 #2a050d}25%{text-shadow:-2px -2px 0 #b32637,2px 2px 0 #2a050d}50%{text-shadow:2px 2px 0 #b32637,-2px -2px 0 #2a050d}}
@keyframes skinGlitch{0%,100%{transform:scale(1.05) translate(0);filter:drop-shadow(2px 0 0 rgba(179,38,55,0.6)) drop-shadow(-2px 0 0 rgba(255,255,255,0.4))}20%{transform:scale(1.05) translate(-2px,1px);filter:drop-shadow(-3px -1px 0 rgba(179,38,55,0.8))}40%{transform:scale(1.05) translate(1px,-1px);filter:drop-shadow(3px 2px 0 rgba(255,255,255,0.5))}60%{transform:scale(1.05) translate(-1px,-2px);filter:drop-shadow(-1px 3px 0 rgba(179,38,55,0.7))}80%{transform:scale(1.05) translate(2px,2px);filter:drop-shadow(2px -2px 0 rgba(255,255,255,0.6))}}
@keyframes frameFlicker{0%,100%{border-color:rgba(179,38,55,0.2);background:rgba(15,12,13,0.6)}50%{border-color:rgba(179,38,55,0.6);background:rgba(35,15,18,0.7);box-shadow:inset 0 0 15px rgba(179,38,55,0.15)}54%{border-color:rgba(255,255,255,0.4);background:rgba(50,50,55,0.8)}}
@keyframes rulesAlertBlink{0%,100%{color:#fff;border-color:#ff4d4d;box-shadow:0 0 10px rgba(255,77,77,0.4),inset 0 0 5px rgba(255,77,77,0.2)}50%{color:#ff4d4d;border-color:#fff;background:rgba(179,38,55,0.15);box-shadow:0 0 20px #fff,inset 0 0 10px rgba(255,255,255,0.3)}}

body{font-family:'Share Tech Mono','Montserrat',sans-serif;background-color:#050102;color:#e5e5e5;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:40px;box-sizing:border-box;overflow:hidden!important;position:relative}
.animus-grid-bg,.neldaron-grid-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;background-size:50px 50px;background-image:linear-gradient(to right,rgba(128,0,32,0.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(128,0,32,0.1) 1px,transparent 1px);opacity:0.8;pointer-events:none!important}
.animus-grid-bg::after,.neldaron-grid-bg::after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,0.3) 50%);background-size:100% 4px;pointer-events:none!important}
.scanline-effect{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,rgba(179,38,55,0) 0%,rgba(179,38,55,0.08) 10%,rgba(179,38,55,0) 11%);animation:scanline 8s infinite linear;z-index:-1;pointer-events:none!important}

.form-container,.cabinet-container{background:rgba(8,6,7,0.85)!important;padding:60px;border-radius:0;text-align:left;width:100%;max-width:1000px;box-sizing:border-box;border:1px solid rgba(179,38,55,0.4);border-left:4px solid #b32637;position:relative;z-index:999999!important;pointer-events:all!important;opacity:0;margin:0 auto}
.form-container.active,.cabinet-container.active{animation:neldaronBoot 0.5s ease-out forwards}
.form-container::before,.cabinet-container::before{content:"[ NEL_DARON // CORE_SYS: ONLINE ]";position:absolute;top:-25px;left:0;font-family:'Share Tech Mono',monospace;font-size:12px;color:rgba(179,38,55,0.8);letter-spacing:2px;text-shadow:0 0 8px rgba(179,38,55,0.4)}
h2{margin-top:0;margin-bottom:40px;font-family:'Share Tech Mono',monospace;font-size:36px;text-align:left;text-transform:uppercase;letter-spacing:4px;color:#fff;font-weight:400;border-bottom:1px solid rgba(179,38,55,0.3);padding-bottom:15px}
.form-container:hover h2{animation:glitch 0.3s infinite linear;color:#b32637}
p{margin:25px 0 10px 0;font-size:13px;color:#ef9a9a;text-transform:uppercase;letter-spacing:2px;font-weight:700;font-family:'Share Tech Mono',monospace;text-shadow:0 0 5px rgba(239,154,154,0.2)}
p::before{content:">> ";color:#b32637;font-weight:bold}

input[type="text"],input[type="password"],input[type="email"]{display:block!important;margin-bottom:5px;padding:16px;width:100%;border-radius:0;border:1px solid rgba(179,38,55,0.3);background:rgba(15,12,13,0.85)!important;color:#fff!important;font-size:15px;box-sizing:border-box;font-family:'Share Tech Mono',monospace;transition:all 0.2s ease;letter-spacing:1px;pointer-events:all!important}
input:focus {outline:none;border-color:#ff4d4d;background:rgba(25,18,20,0.95)!important;padding-left:24px;box-shadow:0 0 15px rgba(255,77,77,0.2)}
input[type="submit"]{display:block!important;background:#b32637!important;color:#fff!important;padding:20px;width:100%;border-radius:0;cursor:pointer!important;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:3px;margin-top:40px;font-family:'Share Tech Mono',monospace;transition:all 0.2s ease;border:1px solid #ff4d4d!important;box-shadow:0 0 15px rgba(179,38,55,0.6)!important;pointer-events:all!important}
input[type="submit"]:hover{background:#fff!important;border-color:#fff!important;color:#000!important;box-shadow:0 0 25px #fff!important;letter-spacing:4px}

span{font-family:'Share Tech Mono',monospace;color:#6c6a6c!important;letter-spacing:1px;display:inline-block;margin-top:5px}
span::before{content:"[SYS_INFO]: ";color:#8c8587}
.error-msg{color:#ff4d4d;font-size:13px;display:none;margin-top:8px;margin-bottom:25px;padding:14px;background:rgba(179,38,55,0.15);border:1px solid #b32637;border-radius:0;font-family:'Share Tech Mono',monospace;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px rgba(179,38,55,0.2)}
.switch-link{text-align:left;margin-top:35px;font-size:13px;color:#8c8587;font-family:'Share Tech Mono',monospace;text-transform:uppercase;letter-spacing:1px}
.switch-link a{color:#ff4d4d;text-decoration:none;font-weight:700;transition:all 0.2s;border:1px solid #ff4d4d;padding:8px 14px;background:rgba(179,38,55,0.08)}
.switch-link a:hover{color:#000;background:#fff;border-color:#fff;box-shadow:0 0 15px #fff}
.forgot-link{margin-top:10px;margin-bottom:20px;font-size:12px;text-align:right;font-family:'Share Tech Mono',monospace}
.forgot-link a{color:#8c8587;text-decoration:none;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(179,38,55,0.4);padding:5px 10px;background:rgba(0,0,0,0.3)}
.forgot-link a:hover{color:#fff;border-color:#fff;box-shadow:0 0 10px rgba(255,255,255,0.3)}
form{width:100%!important;max-width:100%!important;pointer-events:all!important}

.neldaron-nav{display:flex;justify-content:space-between;width:100%;border-bottom:1px solid rgba(179,38,55,0.3);padding-bottom:15px;margin-bottom:30px;font-family:'Share Tech Mono',monospace;box-sizing:border-box}
.nav-item{color:#fff;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:1.5px;transition:all 0.2s ease;text-transform:uppercase;border:1px solid #b32637;padding:8px 14px;background:rgba(15,12,13,0.8);margin-left:5px}
.nav-item:hover{color:#000;background:#fff;border-color:#fff;box-shadow:0 0 15px #fff}
.nav-item.logout-trigger:hover{color:#fff;background:#b32637;border-color:#ff4d4d;box-shadow:0 0 15px #b32637}
.header-fixed-nav .neldaron-nav a:nth-child(3){animation:rulesAlertBlink 1.2s infinite ease-in-out!important;font-weight:800!important;letter-spacing:2px!important}

.cabinet-container{display:flex;flex-direction:column}
.skin-display-wrapper{display:flex;justify-content:center;gap:40px;width:100%;margin-top:20px}
.view-container{flex:1;text-align:center;background:rgba(15,12,13,0.6);padding:30px;border-radius:0;border:1px solid rgba(179,38,55,0.2);position:relative}
.view-container:hover{animation:frameFlicker 0.4s infinite steps(2)}
.view-container::before{content:"";position:absolute;top:0;left:0;width:10px;height:10px;border-top:2px solid #b32637;border-left:2px solid #b32637}
.view-title{font-size:13px;color:#b32637;text-transform:uppercase;letter-spacing:2px;margin-bottom:25px;font-weight:700;font-family:'Share Tech Mono',monospace;text-shadow:0 0 8px rgba(179,38,55,0.3)}
.skin-2d-img{width:100%;max-width:125px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 12px rgba(179,38,55,0.2));display:inline-block;transition:transform 0.1s ease}
.skin-2d-img:hover{animation:skinGlitch 0.15s infinite linear;cursor:pointer}
input[type="file"]{background:rgba(15,12,13,0.85);border:1px solid rgba(179,38,55,0.3);padding:14px;border-radius:0;color:#8c8587;cursor:pointer;width:100%;box-sizing:border-box;margin-top:15px;font-family:'Share Tech Mono',monospace}
input[type="file"]:hover {border-color:#ff4d4d;color:#fff}
.btn-logout{display:inline-block;margin-top:40px;color:#5c5859;text-decoration:none;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2px;font-family:'Share Tech Mono',monospace}
.btn-logout:hover{color:#ff4d4d;text-shadow:0 0 8px #ff4d4d}

.overlay-terminal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(5,1,2,0.94);z-index:99999999;display:none;justify-content:center;align-items:center;backdrop-filter:blur(15px);padding:20px;box-sizing:border-box}
.overlay-terminal .auth-split-wrapper{animation:neldaronBoot 0.4s ease-out forwards}
.close-terminal-btn{position:absolute;top:30px;right:40px;font-family:'Share Tech Mono',monospace;font-size:13px;color:#ff4d4d;background:rgba(15,12,13,0.8);border:1px solid #ff4d4d;padding:12px 24px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all 0.2s}
.close-terminal-btn:hover{background:#fff;color:#000;border-color:#fff;box-shadow:0 0 20px #fff}
@media (max-width:800px){.cabinet-container{flex-direction:column}.skin-display-wrapper{flex-direction:column;align-items:center;gap:25px}.neldaron-nav{flex-direction:column;gap:15px;text-align:left}}