:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #FF0066;--text-color: #46dc42;--bg-color: #000;--glitch-color-1: #0ff;--glitch-color-2: #f0f;--border-color: #33ff33;--scanline-jitter: 0px}.page-hidden .pausable-animation{animation-play-state:paused!important}.page-hidden .crt-scanlines,.page-hidden .crt-flicker,.page-hidden .crt-static,.page-hidden .terminal-cursor,.page-hidden .glitch-bands>div,.page-hidden .glow-text,.page-hidden .containerPulse,.page-hidden .blink,.page-hidden .criticalPulse,.page-hidden .modern-bg-element,.page-hidden .glow-cyan,.page-hidden .glow-magenta{animation-play-state:paused!important}.pausable-animation{animation-play-state:running}.visibility-hidden{visibility:hidden}.page-hidden .crt-container{opacity:.5}.page-hidden{--animation-reduction: 1}*{margin:0;padding:0;box-sizing:border-box;font-family:Courier New,monospace}body{background-color:#000;color:var(--text-color);height:100vh;width:100vw;overflow:hidden}.App{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000}.crt-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.crt-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;pointer-events:none}.crt-scanlines{background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);animation:moveScanlines 8s linear infinite;transform:translateY(var(--scanline-jitter, 0px))}.crt-vignette{background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.6) 100%);opacity:.7}.crt-flicker{animation:flicker 10s infinite}.crt-distortion{box-shadow:inset 0 0 100px #000000e6;border-radius:20px}.crt-line{position:absolute;width:100%;height:2px;background:#ffffffd9;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 10px #ffffffb3,0 0 20px #ffffff80;opacity:0;z-index:1000;animation:crtLineOn 2s linear}.crt-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;opacity:0;z-index:1001;animation:crtFlash .5s ease-out}.crt-flash.active{opacity:1}.crt-static{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjc1IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiBmaWx0ZXI9InVybCgjYSkiIG9wYWNpdHk9Ii4zNSIvPjwvc3ZnPg==);opacity:.05;animation:staticNoise 8s infinite}.scene-container{position:relative;width:95%;height:95%;max-width:95vw;max-height:90vh;border:2px solid var(--border-color);background-color:#000;overflow:hidden;z-index:10;animation:containerPulse 2s infinite,containerBounce .5s ease-out}.scene-transition-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:100;opacity:0;pointer-events:none;transition:opacity .5s}.scene-transition-overlay.active{opacity:1;pointer-events:all}.bootup-scene{width:100%;height:100%;padding:20px;background-color:#000;color:var(--text-color);overflow:hidden;display:flex;flex-direction:column;position:relative;border:none;animation:none}.burger-art-background{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:.4;z-index:1;pointer-events:none}.burger-art-content{white-space:pre;font-family:monospace;font-size:12px;line-height:1}.terminal-content,.terminal-header,.terminal-footer{position:relative;z-index:2}.terminal-header{position:absolute;top:0;left:0;width:100%;padding:5px 10px;background-color:#000;border-bottom:1px solid var(--border-color);font-size:14px;color:var(--text-color);text-transform:uppercase;font-weight:700;display:flex;justify-content:space-between;animation:headerFadeIn 1s ease-in}.terminal-content{flex-grow:1;width:100%;height:calc(100% - 40px);margin-top:20px;margin-bottom:20px;overflow-y:auto;padding:10px;display:flex;flex-direction:column;justify-content:flex-end;scrollbar-width:none;position:relative}.terminal-content:before{content:"";display:block;min-height:20px}.terminal-content::-webkit-scrollbar{display:none}.terminal-line{width:100%;white-space:pre-wrap;margin-bottom:5px;opacity:0;animation:terminalFadeIn .3s forwards;text-shadow:0 0 5px rgba(51,255,51,.5);font-family:Courier New,monospace;font-size:14px;line-height:1.3}.terminal-line:last-child{position:relative;animation:terminalFadeIn .3s forwards,blink 1s infinite}.terminal-line .c2,.terminal-line .c3,.terminal-line .cf{text-shadow:0 0 8px rgba(51,255,51,.7)}.terminal-line .c4,.terminal-line .cd{text-shadow:0 0 8px rgba(255,85,85,.7)}.glow-text{text-shadow:0 0 5px var(--text-color);animation:textGlow 2s infinite}.terminal-footer{position:absolute;bottom:0;left:0;width:100%;padding:5px 10px;background-color:#000;border-top:1px solid var(--border-color);font-size:12px;color:var(--text-color);display:flex;justify-content:space-between;animation:footerFadeIn 1.5s ease-in}.login-scene{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg-color);position:relative;padding:20px;animation:contentFadeIn .6s ease-out}.glitch-bands{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:5;pointer-events:none;opacity:.7}.logo-container{margin-bottom:40px;position:relative}.logo{width:200px;height:100px;background-color:var(--primary-color);display:flex;align-items:center;justify-content:flex-start;font-size:28px;font-weight:700;color:#fff;position:relative;overflow:hidden;transition:width .5s}.logo-text{white-space:nowrap;overflow:hidden;background-image:url(/assets/nuLogo-RBEpgnbp.png);background-size:cover;backface-visibility:visible;background-position:center;width:200px;height:100px}.welcome-text{display:none;margin-left:40px;white-space:nowrap;animation:glitchText 1s infinite}.login-form{width:300px;padding:20px;border:2px solid var(--text-color);position:relative;overflow:hidden;background-color:#000c;box-shadow:0 0 10px #33ff334d;z-index:20}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;color:var(--text-color);font-size:14px}.form-group input{width:100%;padding:8px;background-color:#111;border:1px solid var(--border-color);color:var(--text-color);font-family:Courier New,monospace;height:35px;box-sizing:border-box}.form-button{width:100%;padding:8px;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;font-family:Courier New,monospace;text-transform:uppercase;font-weight:700;font-size:14px;height:35px}.login-error{color:#f33;margin-top:10px;font-size:12px;display:none}.login-error.show{display:block}.main-scene{width:100%;height:100%;background-color:var(--bg-color);display:flex;flex-direction:column;overflow:hidden;animation:contentFadeIn .6s ease-out}.main-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid var(--border-color);background-color:#000c;height:60px}.main-content{flex:1;padding:15px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) #111}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#111}.main-content::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.logout-btn{padding:5px 10px;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;font-size:12px;text-transform:uppercase}.c0{color:#000}.c1{color:#00a}.c2{color:#0a0}.c3{color:#0aa}.c4{color:#a00}.c5{color:#a0a}.c6{color:#a50}.c7{color:#aaa}.c8{color:#555}.c9{color:#55f}.ca{color:#5f5}.cb{color:#5ff}.cc{color:#f55}.cd{color:#f5f}.ce{color:#ff5}.cf{color:#fff}@keyframes crtLineOn{0%{opacity:0;height:1px}10%{opacity:.7;height:1px}20%{opacity:1;height:3px}30%{opacity:1;height:2px}70%{opacity:1;height:4px}90%{opacity:.5;height:1px}to{opacity:0;height:1px}}@keyframes crtFlash{0%{opacity:.8}20%{opacity:0}40%{opacity:.4}to{opacity:0}}@keyframes containerBounce{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.02);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes containerPulse{0%,to{box-shadow:0 0 5px #33ff3380;border-color:#3f3}50%{box-shadow:0 0 15px #3f3c;border-color:#33ff33b3}}@keyframes contentFadeIn{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes headerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes footerFadeIn{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes terminalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes textGlow{0%,to{text-shadow:0 0 5px var(--text-color)}50%{text-shadow:0 0 15px var(--text-color)}}@keyframes borderPulse{0%,to{box-shadow:0 0 5px #33ff3380;border-color:#3f3}50%{box-shadow:0 0 15px #3f3c;border-color:#33ff33b3}}@keyframes blink{0%,to{opacity:1}50%{opacity:.7}}@keyframes terminalFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes moveScanlines{0%{background-position:0 0}to{background-position:0 calc(100px * var(--animation-reduction, 1))}}@keyframes crtTurnOn{0%{opacity:0;filter:brightness(200%) contrast(1000%) saturate(0%)}25%{opacity:1}50%{filter:brightness(400%)}75%{filter:brightness(150%)}to{filter:none}}@keyframes rgbFlicker{0%,to{text-shadow:-1px 0 var(--glitch-color-1),1px 0 var(--glitch-color-2)}25%{text-shadow:-.5px 0 var(--glitch-color-1),.5px 0 var(--glitch-color-2)}50%{text-shadow:-1.5px 0 var(--glitch-color-1),1.5px 0 var(--glitch-color-2)}75%{text-shadow:-.7px 0 var(--glitch-color-1),.7px 0 var(--glitch-color-2)}}@keyframes glitchText{0%,to{transform:translate(0);filter:none}1%{transform:translate(-3px,1px);filter:hue-rotate(90deg) saturate(200%)}2%{transform:translate(3px,-2px);filter:hue-rotate(180deg) saturate(150%)}3%{transform:translate(-3px,-1px);filter:hue-rotate(270deg) saturate(200%)}4%{transform:translate(3px,2px);filter:hue-rotate(0deg) saturate(150%)}5%{transform:translate(-3px,1px);filter:hue-rotate(90deg) saturate(200%)}6%{transform:translate(0);filter:none}}@keyframes flicker{0%,to{opacity:1}25%{opacity:.95}50%{opacity:.9}75%{opacity:.93}}@keyframes staticNoise{0%,to{opacity:.05}50%{opacity:.07}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin .5s forwards}.extend{width:400px!important}.dashboard{display:flex;flex-direction:column;gap:20px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.metric-card{background-color:#00000080;border:1px solid var(--text-color);padding:15px;display:flex;flex-direction:column;box-shadow:0 0 10px #3f33}.metric-header{display:flex;justify-content:space-between;margin-bottom:10px}.metric-name{font-weight:700}.metric-trend{font-size:.8em}.metric-trend.up{color:#3f3}.metric-trend.down{color:#f33}.metric-value{font-size:1.5rem;text-align:center;padding:10px 0}.notifications-panel{margin-top:20px;border:1px solid var(--text-color);padding:15px;background-color:#00000080}.notification-list{margin-top:10px}.notification{padding:8px;margin-bottom:5px;border-left:3px solid}.notification.info{border-color:#3498db}.notification.warning{border-color:#f39c12}.notification.critical{border-color:#e74c3c;animation:criticalPulse 2s infinite}@keyframes criticalPulse{0%,to{background-color:#e74c3c1a}50%{background-color:#e74c3c33}}.notification-time{color:#aaa;margin-right:10px}.navigation{display:flex;margin-left:20px}.nav-button{background-color:transparent;border:none;color:var(--text-color);padding:5px 10px;cursor:pointer;margin-right:10px;position:relative}.nav-button:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background-color:var(--text-color);transition:width .3s}.nav-button:hover:after{width:100%}.nav-button.active:after{width:100%}.header-left,.header-right{display:flex;align-items:center}.current-time{margin-right:20px;text-align:right}.date{font-size:.8em;color:#aaa}.time{font-size:1.1em}.profile{padding:10px}.profile-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.profile-section{background-color:#00000080;border:1px solid var(--text-color);padding:15px}.profile-field{margin:15px 0;display:flex}.field-label{width:100px;color:#aaa}.permissions-list{list-style-type:none;padding:0;margin:15px 0}.permission-item{padding:5px 0;border-bottom:1px solid rgba(51,255,51,.2)}.permission-item:last-child{border-bottom:none}.logout-glitch{animation:logoutGlitch .8s}@keyframes logoutGlitch{0%{filter:none}10%{filter:hue-rotate(90deg) blur(1px)}20%{filter:contrast(200%) hue-rotate(180deg)}30%{filter:blur(3px) hue-rotate(270deg)}40%{filter:contrast(200%) hue-rotate(0deg)}50%{filter:hue-rotate(90deg) drop-shadow(5px 0 rgba(255,0,255,.7)) drop-shadow(-5px 0 rgba(0,255,255,.7))}60%{filter:invert(100%)}70%{filter:contrast(200%) hue-rotate(180deg) saturate(200%)}80%{filter:blur(2px) brightness(.5) sepia(100%)}90%{filter:contrast(200%) hue-rotate(320deg)}to{filter:none}}.glitching{animation:randomGlitches .3s}@keyframes randomGlitches{0%,to{transform:translate(0);filter:none}20%{transform:translate(3px);filter:hue-rotate(90deg)}40%{transform:translate(-3px);filter:drop-shadow(2px 0 rgba(255,0,255,.5)) drop-shadow(-2px 0 rgba(0,255,255,.5))}60%{transform:translate(2px);filter:brightness(1.2)}80%{transform:translate(-2px);filter:contrast(120%)}}.bootup-scene.crt-startup{animation:crtTurnOn 2.5s ease-out forwards}@media (max-width: 768px){.profile-info{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.header-right{flex-direction:column;align-items:flex-end}.header-left{flex-direction:column;align-items:flex-start}.navigation{margin-left:0;margin-top:10px}.main-header{flex-direction:column;gap:10px}}@font-face{font-family:MarathonFont;src:url(/fonts/modern/marathon_font.ttf) format("truetype");font-weight:400;font-style:normal}:root{--cyber-cyan: rgba(0, 255, 255, .7);--cyber-magenta: rgba(255, 0, 255, .7);--cyber-black: #000000;--cyber-cyan-dark: rgba(0, 180, 180, .7);--cyber-magenta-dark: rgba(180, 0, 180, .7);--cyber-gray: #111111;--cyber-dark-gray: #0a0a0a;--cyber-text: #ffffff;--cyber-text-dim: rgba(255, 255, 255, .7);--cyber-gradient-cyan: linear-gradient(135deg, var(--cyber-cyan), rgba(0, 100, 100, .7));--cyber-gradient-magenta: linear-gradient(135deg, var(--cyber-magenta), rgba(100, 0, 100, .7));--cyber-gradient-mix: linear-gradient(135deg, var(--cyber-cyan), var(--cyber-magenta));--cyber-glow-cyan: 0 0 15px rgba(0, 255, 255, .7);--cyber-glow-magenta: 0 0 15px rgba(255, 0, 255, .7);--cyber-shadow: 0 5px 15px rgba(0, 0, 0, .5)}*{font-family:MarathonFont,monospace!important}.modern-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--cyber-black);background-image:radial-gradient(circle at 20% 30%,rgba(0,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,0,255,.15) 0%,transparent 50%);color:var(--cyber-text);font-family:MarathonFont,monospace;overflow:hidden;display:flex;flex-direction:column;z-index:2}.modern-header-top{display:flex;justify-content:space-between;align-items:center;width:100%}.modern-header{display:flex;flex-direction:column;padding:15px 25px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--cyber-cyan);box-shadow:0 0 10px #00ffff4d;position:relative;z-index:10}.modern-logo{font-size:24px;font-weight:700;background:var(--cyber-gradient-mix);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:1px;text-shadow:0 0 5px rgba(255,0,255,.3)}.modern-nav-toggle{display:none;background:transparent;border:none;color:var(--cyber-cyan);font-size:24px;cursor:pointer;transition:all .3s ease}.modern-nav-toggle:hover{text-shadow:0 0 8px var(--cyber-cyan)}.modern-nav-container{display:flex;flex-direction:column;gap:5px;margin-top:10px}.modern-main-nav{display:flex;gap:20px}.modern-nav-item{color:var(--cyber-text);text-decoration:none;font-weight:500;position:relative;padding:5px 10px;transition:all .3s ease;background:transparent;border:none;cursor:pointer;font-family:MarathonFont,monospace}.modern-nav-item:hover{color:var(--cyber-cyan);text-shadow:0 0 8px rgba(0,255,255,.5)}.modern-nav-item:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background:var(--cyber-gradient-cyan);transition:width .3s ease}.modern-nav-item:hover:after{width:100%}.modern-nav-item.active{color:var(--cyber-cyan)}.modern-nav-item.active:after{width:100%}.modern-nav-item.logout-btn{color:var(--cyber-magenta);font-weight:700;font-size:1em}.modern-nav-item.logout-btn:hover{color:var(--cyber-magenta);text-shadow:0 0 8px rgba(255,0,255,.5)}.modern-nav-item.logout-btn:after{background:var(--cyber-gradient-magenta)}.modern-sub-nav{display:flex;gap:15px;margin-top:5px;padding-top:5px;border-top:1px solid rgba(0,255,255,.2);animation:fadeIn .3s ease forwards}.modern-subnav-item{background:transparent;border:none;color:var(--cyber-text);padding:5px 15px;border-radius:2px;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease;font-weight:400;font-size:14px;opacity:.8;font-family:MarathonFont,monospace}.modern-subnav-item:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--cyber-gradient-cyan);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.modern-subnav-item:hover{color:var(--cyber-cyan);opacity:1}.modern-subnav-item:hover:before{transform:scaleX(1);transform-origin:left}.modern-subnav-item.active{color:var(--cyber-cyan);text-shadow:0 0 3px var(--cyber-cyan);opacity:1}.modern-subnav-item.active:before{transform:scaleX(1)}.modern-breadcrumbs{display:flex;align-items:center;margin-top:10px;font-size:14px;color:var(--cyber-text-dim)}.breadcrumb-item{opacity:.8;transition:all .3s ease}.breadcrumb-item:last-child{color:var(--cyber-cyan);opacity:1}.breadcrumb-separator{margin:0 8px;opacity:.5}.modern-content{flex:1;padding:20px;display:flex;overflow-y:auto;z-index:5}.modern-panel{background-color:#000000b3;border-radius:4px;border:1px solid var(--cyber-cyan);box-shadow:0 0 10px #00ffff4d;padding:20px;margin-bottom:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%}.modern-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid rgba(0,255,255,.3);padding-bottom:10px}.modern-panel-title{font-size:18px;font-weight:600;color:var(--cyber-cyan);display:flex;align-items:center;gap:10px;text-shadow:0 0 5px rgba(0,255,255,.3)}.modern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%}.modern-button{background:var(--cyber-gradient-cyan);color:#000;border:none;border-radius:2px;padding:8px 16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #00ffff4d;font-family:MarathonFont,monospace}.modern-button:hover{filter:brightness(1.2);box-shadow:0 0 15px #00ffff80}.modern-button.accent{background:var(--cyber-gradient-magenta);box-shadow:0 0 10px #ff00ff4d}.modern-button.accent:hover{box-shadow:0 0 15px #ff00ff80}.modern-card{position:relative;overflow:hidden;border-radius:2px;background-color:#0a0a0acc;border:1px solid rgba(0,255,255,.5);padding:15px;box-shadow:var(--cyber-shadow);transition:all .3s ease}.modern-card:hover{box-shadow:0 0 15px #00ffff4d;border-color:var(--cyber-cyan)}.modern-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--cyber-gradient-cyan)}.site-directory.modern{width:100%;padding:20px 0}.site-directory.modern .site-directory-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.modern-card-image-container{width:100%;height:100%;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.23,1,.32,1)}.modern-card-image{width:110%;height:110%;object-fit:cover;transition:all .5s cubic-bezier(.23,1,.32,1);transform-origin:center}.modern-site-card{position:relative;height:200px;border-radius:4px;overflow:hidden;cursor:pointer;transition:all .5s cubic-bezier(.23,1,.32,1);box-shadow:0 10px 20px #0000004d;transform-style:preserve-3d;will-change:transform}.modern-site-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--cyber-cyan),var(--cyber-magenta));opacity:0;z-index:1;transition:opacity .5s ease;mix-blend-mode:overlay}.modern-site-card:hover:before{opacity:.5}.modern-site-card.hovered .modern-card-image{filter:blur(3px) brightness(.6)}.modern-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;opacity:0;transition:opacity .5s ease,transform .5s ease;text-align:center;z-index:2;transform:translateY(20px)}.modern-site-card.hovered .modern-card-overlay{opacity:1;transform:translateY(0)}.modern-card-title{color:var(--cyber-cyan);margin-bottom:10px;text-shadow:0 0 10px var(--cyber-cyan);transform:translateZ(50px)}.modern-card-description{color:var(--cyber-text-dim);font-size:.9em;margin-bottom:20px;max-width:90%;transform:translateZ(40px)}.modern-card-button{background:var(--cyber-gradient-cyan);color:#000;border:none;border-radius:2px;padding:8px 16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #00ffff4d;transform:translateZ(60px)}.modern-card-button:hover{filter:brightness(1.2);box-shadow:0 0 15px #00ffff80}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulseCyan{0%,to{box-shadow:0 0 5px var(--cyber-cyan)}50%{box-shadow:0 0 15px var(--cyber-cyan)}}@keyframes glowPulseMagenta{0%,to{box-shadow:0 0 5px var(--cyber-magenta)}50%{box-shadow:0 0 15px var(--cyber-magenta)}}.modern-fade-in{animation:fadeIn .5s ease forwards}.glow-cyan{animation:glowPulseCyan 2s infinite}.glow-magenta{animation:glowPulseMagenta 2s infinite}.modern-bg-element{position:absolute;border-radius:50%;filter:blur(60px);opacity:.1;z-index:1}.modern-bg-element-1{width:40vw;height:40vw;top:-10vw;right:-10vw;background:var(--cyber-cyan);animation:float 20s infinite alternate ease-in-out}.modern-bg-element-2{width:30vw;height:30vw;bottom:-10vw;left:-5vw;background:var(--cyber-magenta);animation:float 25s infinite alternate-reverse ease-in-out}@keyframes float{0%{transform:translate(0)}to{transform:translate(5%,5%)}}.modern-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;background:#0000004d;border:1px solid var(--cyber-cyan);border-radius:4px;padding:40px;box-shadow:0 0 15px #0ff3;margin:20px 0;width:100%}.modern-placeholder h3{color:var(--cyber-cyan);margin-bottom:15px;text-shadow:0 0 5px var(--cyber-cyan)}.modern-placeholder p{color:var(--cyber-text-dim)}.status-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.status-online{background-color:var(--cyber-cyan);box-shadow:0 0 5px var(--cyber-cyan);animation:pulse 2s infinite}.status-warning{background-color:#ffdf00;box-shadow:0 0 5px #ffdf00}.status-error{background-color:var(--cyber-magenta);box-shadow:0 0 5px var(--cyber-magenta)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.special-hover{position:relative;overflow:hidden}.special-hover:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);transition:left .5s ease}.special-hover:hover:after{left:100%}.cyber-table{width:100%;border-collapse:collapse;margin:15px 0}.cyber-table th{background:#00ffff1a;color:var(--cyber-cyan);text-align:left;padding:10px;border-bottom:1px solid var(--cyber-cyan)}.cyber-table td{padding:10px;border-bottom:1px solid rgba(0,255,255,.2)}.cyber-table tr:hover{background:#00ffff0d}.terminal-text{font-family:MarathonFont,monospace;color:var(--cyber-cyan);padding:10px;background-color:#00000080;border-left:3px solid var(--cyber-cyan);margin:10px 0}.logging-out{animation:logoutModernEffect 1s forwards}.modern-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:2px;font-size:12px;font-weight:500;background:#0ff3;color:var(--cyber-cyan);margin-left:10px}.modern-badge.danger{background:#f0f3;color:var(--cyber-magenta)}.modern-badge.secondary{background:#96969633;color:var(--cyber-text-dim)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:var(--cyber-cyan);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cyber-cyan-dark)}@keyframes logoutModernEffect{0%{opacity:1;filter:none}20%{filter:hue-rotate(90deg) brightness(1.3)}40%{filter:contrast(1.5) hue-rotate(180deg)}60%{filter:blur(4px) brightness(.8) hue-rotate(270deg)}80%{filter:saturate(3) hue-rotate(360deg) brightness(1.2)}90%{filter:blur(10px) brightness(3)}to{opacity:0;filter:brightness(3)}}@keyframes themeTransitionEffect{0%{filter:none}20%{filter:saturate(3) hue-rotate(90deg)}40%{filter:contrast(1.5) blur(5px)}60%{filter:hue-rotate(180deg) brightness(1.5)}80%{filter:invert(1) hue-rotate(270deg)}90%{filter:brightness(2) blur(10px) saturate(2)}to{filter:none}}.modern-container.logging-out .modern-header,.modern-container.logging-out .modern-content,.modern-container.logging-out .modern-panel,.modern-container.logging-out .modern-card{animation:glitchOut .8s forwards}@keyframes glitchOut{0%{transform:translate(0)}20%{transform:translate(-5px,5px)}40%{transform:translate(5px,-5px)}60%{transform:translate(-3px,-3px)}80%{transform:translate(3px,3px)}to{transform:translate(0)}}.modern-container.logging-out .modern-header{animation-delay:0s}.modern-container.logging-out .modern-panel:nth-child(1){animation-delay:.1s}.modern-container.logging-out .modern-panel:nth-child(2){animation-delay:.2s}.modern-container.logging-out .modern-card{animation-delay:.3s}.scene-transition-overlay.theme-switching{background:linear-gradient(135deg,#00ffff4d,#ff00ff4d);animation:themeSwitch 1s forwards}@keyframes themeSwitch{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media (max-width: 768px){.modern-header{padding:10px 15px}.modern-nav-toggle{display:block}.modern-grid{grid-template-columns:1fr;gap:15px}.modern-panel-header{flex-direction:column;align-items:flex-start;gap:10px}.modern-main-nav,.modern-sub-nav{flex-wrap:wrap;justify-content:center;gap:10px}.modern-nav-item,.modern-subnav-item{font-size:14px;padding:5px 10px}.modern-breadcrumbs{display:none}.modern-content{padding:15px}.modern-nav-container:not(.expanded) .modern-main-nav,.modern-nav-container:not(.expanded) .modern-sub-nav{display:none}.modern-nav-container.expanded .modern-main-nav,.modern-nav-container.expanded .modern-sub-nav{display:flex;animation:navSlideIn .3s ease forwards}@keyframes navSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.site-directory.modern .site-directory-grid{grid-template-columns:1fr}.modern-site-card{height:180px}}@media (min-width: 1200px){.modern-main-nav{gap:30px}.modern-nav-item{padding:8px 20px}.modern-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}