:root{--primary:#fa0;--accent:#00e5ff;--bg:#0d0d0f;--panel-bg:rgba(15,15,18,.9);--font-gaming:"Press Start 2P",cursive;--font-exo:"Exo 2",sans-serif}*{box-sizing:border-box}body{color:#fff;font-family:var(--font-exo);margin:0;overflow-y:auto;padding:0;-webkit-font-smoothing:antialiased}.maintenance-page,body{background-color:var(--bg)}.maintenance-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:80px 20px;position:relative;width:100vw}.background-overlay{background:radial-gradient(circle at center,transparent 0,rgba(0,0,0,.8) 100%);inset:0;position:absolute;z-index:1}.vignette{box-shadow:inset 0 0 150px #000000e6;z-index:2}.scanlines,.vignette{inset:0;pointer-events:none;position:absolute}.scanlines{background:linear-gradient(180deg,#ffffff08 50%,#00000008 0);background-size:100% 4px;z-index:3}.content{max-width:900px;padding:20px;position:relative;text-align:center;width:100%;z-index:10}.glitch-wrapper{margin-bottom:2rem;padding:0 10px}.title{animation:none;color:#fff;font-family:var(--font-gaming);font-size:clamp(1.5rem,8vw,4rem);font-weight:900;letter-spacing:5px;margin:0;position:relative;text-shadow:0 0 20px hsla(0,0%,100%,.2);text-transform:uppercase;white-space:nowrap}.title span{color:var(--primary)}.title:after{content:none}@keyframes shine{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:600px){.title{letter-spacing:2px}}@keyframes glitch{0%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),-.025em .05em 0 rgba(0,0,255,.75)}14%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),-.025em .05em 0 rgba(0,0,255,.75)}15%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}49%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}50%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}99%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}to{text-shadow:-.025em 0 0 rgba(255,0,0,.75),-.025em -.025em 0 rgba(0,255,0,.75),-.025em -.05em 0 rgba(0,0,255,.75)}}.status-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--panel-bg);border:1px solid rgba(255,170,0,.3);clip-path:polygon(0 0,95% 0,100% 15%,100% 100%,5% 100%,0 85%);overflow:hidden;padding:40px;position:relative}.status-header{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:25px}.pulse-indicator{animation:pulse 1.5s infinite;background-color:var(--primary);border-radius:50%;box-shadow:0 0 15px var(--primary);height:12px;width:12px}@keyframes pulse{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.7;transform:scale(.9)}}.status-text{color:var(--primary);font-family:var(--font-gaming);font-size:.9rem;letter-spacing:2px}.primary-text{color:#fff;font-size:1.8rem;font-weight:800;margin:0 0 15px;text-transform:uppercase}.secondary-text{color:#aaa;font-size:1.1rem;line-height:1.6;margin:0 auto 30px;max-width:600px}.progress-bar{background:#ffffff1a;height:4px;overflow:hidden;position:relative;width:100%}.progress-fill{animation:loading 3s ease-in-out infinite;background:var(--primary);box-shadow:0 0 10px var(--primary);height:100%;position:absolute;width:30%}.servers-grid{display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-top:30px}.server-card{align-items:center;background:#ffffff08;border:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;overflow:hidden;padding:15px 20px;position:relative;transition:all .3s ease;z-index:1}.server-card-bg{background-position:50%;background-size:cover;inset:0;opacity:.15;position:absolute;transition:opacity .3s ease,transform .5s ease;z-index:-1}.server-card.minecraft .server-card-bg{background-image:url(../mine.jpg)}.server-card.cs2 .server-card-bg{background-image:url(../cs2.jpg)}.server-card.squad .server-card-bg{background-image:url(../squad.jpg)}.server-card:hover{background:#ffffff0d;border-color:#faaa0066;box-shadow:0 5px 15px #0006;transform:translateY(-2px)}.server-card:hover .server-card-bg{opacity:.3;transform:scale(1.05)}.server-info{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.server-game{color:var(--primary);font-family:var(--font-gaming);font-size:.55rem;opacity:.8}.server-name{color:#eee;font-size:.9rem;font-weight:600}.server-domain{color:#666;font-family:monospace;font-size:.7rem}.server-status{align-items:center;display:flex;gap:10px}.online-count{color:#888;font-family:var(--font-gaming);font-size:.65rem}.status-dot{background-color:#4caf50;border-radius:50%;box-shadow:0 0 8px #4caf50;height:6px;width:6px}@keyframes loading{0%{left:-30%}to{left:100%}}.tg-section{margin-top:50px}.tg-header{color:#555;font-family:var(--font-gaming);font-size:.7rem;letter-spacing:3px;margin-bottom:15px}.tg-desc{color:#888;font-size:1rem;margin-bottom:25px}.tg-button{align-items:center;background:transparent;border:2px solid var(--primary);color:var(--primary);display:inline-flex;font-family:var(--font-gaming);font-size:.8rem;gap:15px;overflow:hidden;padding:15px 35px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.tg-button:before{background:var(--primary);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:-1}.tg-button:hover{color:#000}.tg-button:hover:before{left:0}.tg-icon svg{height:24px;width:24px}.decor-line{background:linear-gradient(to bottom,transparent,var(--primary),transparent);height:15vh;left:50%;position:absolute;transform:translate(-50%);width:1px;z-index:5}.decor-line.top{top:0}.decor-line.bottom{bottom:0}.corner-accents .accent{border:2px solid rgba(255,170,0,.4);height:40px;position:absolute;width:40px;z-index:5}.accent.tl{border-right:0;left:30px}.accent.tl,.accent.tr{border-bottom:0;top:30px}.accent.tr{border-left:0;right:30px}.accent.bl{border-right:0;left:30px}.accent.bl,.accent.br{border-top:0;bottom:30px}.accent.br{border-left:0;right:30px}@media(max-width:768px){.title{font-size:2rem;letter-spacing:5px}.primary-text{font-size:1.4rem}.status-container{padding:25px}.servers-grid{grid-template-columns:1fr}}
