:root{--matrix-green:#00ff41;--matrix-dark-green:#003d10;--matrix-light-green:#39ff14;--matrix-black:#000000;--matrix-dark:#0a0a0a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Orbitron','Courier New',monospace!important;background:#000000;color:#00ff41;min-height:100vh;overflow-x:hidden}#loading-screen{background:rgba(0,0,0,.95);font-family:'Orbitron',monospace;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:opacity .5s ease;pointer-events:auto}#loading-screen.hidden{display:none!important;pointer-events:none!important}.boot-message{transition:opacity .3s ease-in-out;text-shadow:0 0 5px rgba(0,255,65,.5)}.loading-bar{border:1px solid rgba(0,255,65,.6);background:rgba(0,0,0,.8);border-radius:4px;overflow:hidden;position:relative}.loading-progress{background:rgba(0,255,65,.9);position:relative;border-radius:3px;transition:width .3s ease}.wii-orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0%,rgba(0,255,65,.6) 30%,rgba(0,180,30,.4) 60%,transparent 100%);box-shadow:0 0 20px rgba(0,255,65,.6),inset 0 0 20px rgba(0,255,65,.3);animation:wiiOrbFloat 8s ease-in-out infinite;pointer-events:none}.wii-orb:nth-child(1){width:60px;height:60px;top:20%;left:10%;animation-delay:0s;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0%,rgba(0,255,65,.6) 30%,rgba(57,255,20,.4) 60%,transparent 100%)}.wii-orb:nth-child(2){width:40px;height:40px;top:60%;right:15%;animation-delay:1s;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0%,rgba(0,255,65,.6) 30%,rgba(0,200,40,.4) 60%,transparent 100%)}.wii-orb:nth-child(3){width:80px;height:80px;bottom:25%;left:25%;animation-delay:2s;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0%,rgba(0,255,65,.6) 30%,rgba(0,180,30,.4) 60%,transparent 100%)}.wii-orb:nth-child(4){width:35px;height:35px;top:15%;right:30%;animation-delay:3s;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0%,rgba(0,255,65,.6) 30%,rgba(0,220,45,.4) 60%,transparent 100%)}.wii-orb:nth-child(5){width:50px;height:50px;bottom:40%;right:20%;animation-delay:4s;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0%,rgba(0,255,65,.6) 30%,rgba(0,190,35,.4) 60%,transparent 100%)}.wii-orb:nth-child(6){width:70px;height:70px;top:45%;left:5%;animation-delay:5s;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0%,rgba(0,255,65,.6) 30%,rgba(0,160,25,.4) 60%,transparent 100%)}@keyframes wiiOrbFloat{0%,100%{transform:translateY(0) translateX(0) scale(1);opacity:.6}25%{transform:translateY(-30px) translateX(20px) scale(1.1);opacity:.9}50%{transform:translateY(-10px) translateX(-15px) scale(.9);opacity:.7}75%{transform:translateY(-40px) translateX(10px) scale(1.05);opacity:.8}}.glass-effect{background:rgba(0,0,0,.8)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,255,65,.3);box-shadow:0 8px 32px rgba(0,0,0,.5)!important;border-radius:12px;position:relative}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;opacity:.4}.portal-nav{background:rgba(0,0,0,.9);border:1px solid rgba(0,255,65,.5);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,255,65,.2);font-family:'Orbitron',monospace;position:relative;border-radius:16px}.logo-text{font-family:'Orbitron',monospace;font-weight:900;color:#00ff41;text-shadow:0 0 10px rgba(0,255,65,.7)}.holo-button{position:relative;background:rgba(0,0,0,.8);border:1px solid rgba(0,255,65,.6);color:#00ff41;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;font-family:'Orbitron',monospace;text-shadow:0 0 10px rgba(0,255,65,.7);box-shadow:0 4px 15px rgba(0,0,0,.5);backdrop-filter:blur(5px);padding:12px 24px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.holo-button:hover{background:rgba(0,255,65,.1);border-color:rgba(0,255,65,.9);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,255,65,.3)}.holo-button.w-full{width:100%;background:rgba(0,0,0,.9);border:1px solid rgba(0,255,65,.6)}.holo-button.w-full:hover{background:rgba(0,0,0,.7);border-color:rgba(0,255,65,.9)}.server-card{background:rgba(0,0,0,.8);backdrop-filter:blur(10px);border:1px solid rgba(0,255,65,.3);border-radius:16px;padding:2rem;transition:all .3s ease;cursor:pointer;font-family:'Orbitron',monospace;box-shadow:0 8px 32px rgba(0,0,0,.5)}.server-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,255,65,.3);border-color:rgba(0,255,65,.7)}.status-indicator{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px}.status-online{background:#00ff41;box-shadow:0 0 8px rgba(0,255,65,.7)}.status-offline{background:#ff0000;box-shadow:0 0 8px rgba(255,0,0,.7)}.status-loading{background:#ffff00;box-shadow:0 0 8px rgba(255,255,0,.7);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.hero-portal{background:rgba(0,0,0,.9);border:1px solid rgba(0,255,65,.5);backdrop-filter:blur(10px);box-shadow:0 20px 60px rgba(0,255,65,.2);font-family:'Orbitron',monospace;border-radius:24px}.terminal-window{background:rgba(0,0,0,.95);border:2px solid rgba(0,255,65,.6);border-radius:8px;padding:20px;font-family:'Courier New',monospace;color:#00ff41;box-shadow:0 0 20px rgba(0,255,65,.5)}.terminal-header{background:rgba(0,255,65,.2);padding:8px 16px;margin:-20px -20px 16px -20px;border-radius:6px 6px 0 0;font-size:14px;font-weight:bold;color:#000000}.nav-link{position:relative;transition:all .3s ease;font-weight:600;text-transform:uppercase;letter-spacing:2px;font-family:'Orbitron',monospace;color:#00ff41;text-shadow:0 0 10px rgba(0,255,65,.7);text-decoration:none}.nav-link:hover{color:#39ff14;text-shadow:0 0 20px rgba(57,255,20,.8),0 0 40px rgba(0,255,65,.6);transform:translateX(10px)}.copy-message{font-family:'Orbitron',monospace;color:#00ff41;text-shadow:0 0 10px rgba(0,255,65,.7);transition:all .3s ease;opacity:.6}.copy-message.show{animation:copyPulse 1.5s ease}@keyframes copyPulse{0%,100%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.cursor-pointer{cursor:pointer}.cursor-pointer:hover{color:#39ff14!important}@media (max-width:768px){.holo-button{font-size:.9rem!important;padding:.75rem 1.5rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.flex.flex-col.sm\\:flex-row .holo-button{width:100%;margin-bottom:1rem;padding:1rem 2rem!important;font-size:1rem!important}}