@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;500;700&display=swap";:root{--neon-blue: #00f3ff;--neon-pink: #bc13fe;--neon-gold: #ffae00;--dark-bg: #0a0a12;--glass-bg: rgba(10, 10, 18, .6);--glass-border: rgba(0, 243, 255, .3);--text-main: #e0e0e0;--font-heading: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--dark-bg);color:var(--text-main);overflow-x:hidden;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--neon-blue);border-radius:4px}.text-neon-blue{color:var(--neon-blue);text-shadow:0 0 5px var(--neon-blue)}.text-neon-pink{color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink)}.text-neon-gold{color:var(--neon-gold);text-shadow:0 0 5px var(--neon-gold)}.glow-box{box-shadow:0 0 10px #00f3ff33}.service-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:1.5rem;text-decoration:none;color:var(--text-main);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;min-width:200px;text-align:center}.service-card:hover{transform:translateY(-5px);box-shadow:0 0 20px var(--neon-blue),inset 0 0 10px var(--neon-blue);border-color:var(--neon-blue)}.service-name{font-family:var(--font-heading);font-size:1.2rem;margin-bottom:0;letter-spacing:1px;text-transform:uppercase}.service-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.service-icon{display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--neon-blue);animation:iconFlicker 4s infinite alternate}.vpn-shield{color:var(--neon-blue);animation:iconFlicker 4s infinite alternate}@keyframes iconFlicker{0%,19%,21%,23%,25%,54%,56%,to{filter:drop-shadow(0 0 5px var(--neon-blue));opacity:1}20%,24%,55%{filter:none;opacity:.5}}.service-url{font-size:.9rem;opacity:.7;font-family:monospace}.card-glitch{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 65%,var(--neon-pink) 100%);opacity:0;transition:opacity .3s;pointer-events:none}.service-card:hover .card-glitch{opacity:.1}.service-group{margin-bottom:3rem;width:100%;max-width:1200px}.group-title{font-family:var(--font-heading);font-size:2rem;color:var(--neon-gold);margin-bottom:1.5rem;text-transform:uppercase;border-bottom:2px solid var(--neon-gold);padding-bottom:.5rem;display:inline-block;text-shadow:0 0 10px rgba(255,174,0,.5)}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.app-container{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;padding:2rem;position:relative;z-index:1;overflow:hidden}.background-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-3}.background-dim{position:fixed;top:0;left:0;width:100%;height:100%;background:#05050a99;z-index:-2}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;z-index:-1;pointer-events:none;animation:scanlineMove 10s linear infinite}@keyframes scanlineMove{0%{background-position:0 0}to{background-position:0 100%}}.main-header{text-align:center;margin-bottom:4rem;margin-top:2rem;display:flex;flex-direction:column;align-items:center}.title-container{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:.5rem}.site-logo{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 0 10px var(--neon-blue))}.main-title{font-family:var(--font-heading);font-size:4rem;color:var(--neon-blue);text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue),0 0 40px var(--neon-blue);margin:0;animation:textFlicker 4s infinite alternate}@keyframes textFlicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue),0 0 40px var(--neon-blue);opacity:1}20%,24%,55%{text-shadow:none;opacity:.5}}.sub-title{font-size:1.2rem;color:var(--neon-pink);letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 5px var(--neon-pink)}.content-wrapper{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center}
