:root{--primary: #D4AF37;--primary-hover: #F5Edc3;--secondary: #1a1a1a;--bg-dark: #050505;--bg-card: #0a0a0a;--text-main: #ffffff;--text-muted: #b8b8b8;--gold-gradient: linear-gradient(135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);--font-orbitron: "Orbitron", sans-serif;--font-rajdhani: "Rajdhani", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-rajdhani);line-height:1.6;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23D4AF37' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:-1}h1,h2,h3{font-family:var(--font-orbitron);text-transform:uppercase;letter-spacing:2px}a{text-decoration:none;color:var(--text-main);transition:all .3s ease}nav{display:flex;justify-content:center;padding:20px 0;background:#050505e6;border-bottom:1px solid rgba(212,175,55,.2);position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}nav ul{display:flex;gap:30px;list-style:none;flex-wrap:wrap;justify-content:center}nav a{font-size:1.2em;font-weight:600;padding:10px 20px;border:1px solid transparent;border-radius:4px;white-space:nowrap}nav a:hover,nav a.active{color:var(--primary);border-color:var(--primary);box-shadow:0 0 15px #d4af374d;text-shadow:0 0 8px rgba(212,175,55,.5)}.container{max-width:1200px;margin:0 auto;padding:40px 20px;text-align:center}.hero h1{font-size:5em;line-height:1;margin-bottom:20px;background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(212,175,55,.2)}.hero p{font-size:1.5em;color:var(--text-muted);max-width:800px;margin:0 auto 40px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:50px}.card{background:var(--bg-card);border:1px solid rgba(212,175,55,.1);padding:30px;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.card:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--gold-gradient);transform:scaleX(0);transition:transform .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080;border-color:#d4af374d}.card:hover:after{transform:scaleX(1)}.card h3{color:var(--primary);margin-bottom:15px;font-size:1.5em}.status-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:10px;box-shadow:0 0 10px currentColor}.status-online{color:#0f0;background-color:#0f0}.status-offline{color:red;background-color:red}.status-maintenance{color:orange;background-color:orange}.btn{display:inline-block;background:transparent;border:2px solid var(--primary);color:var(--primary);padding:15px 40px;font-size:1.2em;font-family:var(--font-orbitron);text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;z-index:1;margin:10px}.btn:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:var(--primary);transition:width .3s ease;z-index:-1}.btn:hover{color:var(--bg-dark)}.btn:hover:before{width:100%}.access-denied-container,.page-container{height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}.content-box{max-width:600px;width:100%}.glitch{font-size:4em;color:red;text-shadow:2px 2px #000;animation:glitch 1s infinite}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@media (max-width: 768px){.hero h1{font-size:2.5em}.hero p{font-size:1.1em;padding:0 10px}nav{padding:10px 0}nav ul{gap:10px;padding:0 10px}nav a{font-size:.9em;padding:8px 12px}.btn{padding:12px 25px;font-size:1em;width:100%;max-width:300px}.card-grid{grid-template-columns:1fr;gap:20px}.container{padding:20px 15px}}