* { box-sizing: border-box; } body {margin: 0;}:root{--gjs-t-color-primary:#cf549e;--gjs-t-color-secondary:#b9227d;--gjs-t-color-accent:#ffb347;--gjs-t-color-success:#28a745;--gjs-t-color-warning:#ffc107;--gjs-t-color-error:#dc3545;--primary:#1a1a2e;--secondary:#16213e;--accent:#e94560;--accent-glow:#e9456080;--gold:#ffd700;--text:#eaeaea;--text-muted:#a0a0a0;--card-bg:#0f0f23;--gradient-1:#1a1a2e;--gradient-2:#16213e;}body{background-color:#e7e7e7;font-family:'Tajawal', sans-serif;background:linear-gradient(135deg, var(--gradient-1), var(--gradient-2));color:var(--text);overflow-x:hidden;line-height:1.8;}.head{padding:50px 50px 35px;}.logo{height:50px;display:flex;margin:0 auto;font-size:2rem;font-weight:900;color:var(--accent);text-decoration:none;align-items:center;gap:10px;text-shadow:0 0 20px var(--accent-glow);}.card{max-width:700px;padding:40px 45px;background-color:white;border-radius:15px;margin:0 auto;}.title{margin:0;text-align:center;}.gjs-t-body{background-color:inherit;color:inherit;font-size:1rem;line-height:1.75rem;}.subtitle{text-align:center;margin:0;padding:25px 0;}.paragraph{line-height:1.5;margin-bottom:40px;}.link{color:#af4e8a;text-decoration:none;font-size:13px;}.footer{margin-top:30px;text-align:center;background:var(--card-bg);padding:60px 5% 30px;border-top:1px solid rgba(255,255,255,0.05);}.gjs-t-h1{color:var(--gjs-t-color-secondary);font-size:1.5rem;line-height:2.5rem;}.button{display:block;padding:0.5rem 1rem;text-decoration:none;text-align:center;border-width:0;}.gjs-t-h2{color:#601843;font-size:1.2rem;line-height:1.75rem;}.gjs-t-button{background-color:var(--gjs-t-color-primary);color:white;border-radius:0.3rem;}.gjs-t-link{color:var(--gjs-t-color-primary);text-decoration:underline;}.gjs-t-border{border-radius:0.3rem;border-color:#e0e0e0;}*{margin:0;padding:0;box-sizing:border-box;}::-webkit-scrollbar{width:8px;}::-webkit-scrollbar-track{background:var(--primary);}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px;}.navbar{position:fixed;top:0;width:100%;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;z-index:1000;background:rgba(26, 26, 46, 0.9);backdrop-filter:blur(20px);border-bottom:1px solid rgba(233, 69, 96, 0.2);}.logo i{font-size:1.5rem;}.nav-links{display:flex;gap:30px;list-style:none;}.nav-links a{color:var(--text);text-decoration:none;font-weight:500;font-size:1.1rem;position:relative;transition:0.3s;}.nav-links a::after{content:'';position:absolute;bottom:-5px;right:0;width:0;height:2px;background:var(--accent);transition:0.3s;}.nav-links a:hover{color:var(--accent);}.nav-links a:hover::after{width:100%;}.login-btn{background:linear-gradient(135deg, var(--accent), #c73e54);color:white;padding:10px 30px;border-radius:50px;text-decoration:none;font-weight:700;transition:0.3s;box-shadow:0 4px 15px var(--accent-glow);}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--accent-glow);}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 5% 80px;position:relative;overflow:hidden;}.hero-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%, rgba(233, 69, 96, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 80% 50%, rgba(22, 33, 62, 0.3) 0%, transparent 50%);pointer-events:none;}.hero-content{position:relative;z-index:1;max-width:900px;}.hero-badge{display:inline-block;background:rgba(233, 69, 96, 0.15);border:1px solid rgba(233, 69, 96, 0.3);padding:8px 25px;border-radius:50px;font-size:0.95rem;color:var(--accent);margin-bottom:25px;animation:pulse 2s infinite;}.hero h1{font-size:4.5rem;font-weight:900;margin-bottom:20px;background:linear-gradient(135deg, #fff, var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;letter-spacing:-1px;}.hero p{font-size:1.4rem;color:var(--text-muted);margin-bottom:40px;line-height:2;}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;}.btn-primary{background:linear-gradient(135deg, var(--accent), #c73e54);color:white;padding:15px 50px;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:0.3s;box-shadow:0 4px 20px var(--accent-glow);display:inline-flex;align-items:center;gap:10px;}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px var(--accent-glow);}.btn-secondary{background:transparent;color:var(--text);padding:15px 50px;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:0.3s;border:2px solid rgba(255,255,255,0.2);display:inline-flex;align-items:center;gap:10px;}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px);}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;}.particle{position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;opacity:0.3;animation:float 15s infinite;}.servers-section{padding:100px 5%;position:relative;}.section-header{text-align:center;margin-bottom:60px;}.section-header h2{font-size:2.8rem;font-weight:800;margin-bottom:15px;color:var(--text);}.section-header p{font-size:1.2rem;color:var(--text-muted);max-width:700px;margin:0 auto;}.servers-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:30px;max-width:1200px;margin:0 auto;}.server-card{background:var(--card-bg);border-radius:25px;overflow:hidden;border:1px solid rgba(255,255,255,0.05);transition:0.4s;position:relative;}.server-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(233, 69, 96, 0.1), transparent);opacity:0;transition:0.4s;}.server-card:hover{transform:translateY(-10px);border-color:rgba(233, 69, 96, 0.3);box-shadow:0 20px 60px rgba(0,0,0,0.3);}.server-card:hover::before{opacity:1;}.server-image{height:250px;background:linear-gradient(135deg, #1a1a3e, #16213e);display:flex;align-items:center;justify-content:center;font-size:5rem;position:relative;overflow:hidden;}.server-image.arena{background:linear-gradient(135deg, #2d1b4e, #1a1a2e);}.server-image.rp{background:linear-gradient(135deg, #1e3a5f, #1a1a2e);}.server-image::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(to top, var(--card-bg), transparent);}.server-content{padding:30px;position:relative;z-index:1;}.server-tag{display:inline-block;background:var(--accent);color:white;padding:5px 20px;border-radius:50px;font-size:0.85rem;font-weight:700;margin-bottom:15px;}.server-card h3{font-size:1.8rem;font-weight:800;margin-bottom:15px;}.server-card p{color:var(--text-muted);font-size:1.05rem;line-height:1.8;}.server-stats{display:flex;gap:20px;margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.05);}.stat{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:0.95rem;}.stat i{color:var(--accent);}.streams-section{padding:100px 5%;background:linear-gradient(180deg, transparent, rgba(15, 15, 35, 0.5), transparent);}.streams-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:25px;max-width:1200px;margin:0 auto;}.stream-card{background:var(--card-bg);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,0.05);transition:0.3s;position:relative;}.stream-card:hover{transform:scale(1.02);border-color:rgba(233, 69, 96, 0.3);}.stream-thumbnail{height:180px;background:linear-gradient(135deg, #1a1a3e, #2d1b4e);position:relative;display:flex;align-items:center;justify-content:center;}.live-badge{position:absolute;top:15px;right:15px;background:#ff0000;color:white;padding:5px 15px;border-radius:5px;font-size:0.8rem;font-weight:700;display:flex;align-items:center;gap:6px;}.live-dot{width:8px;height:8px;background:white;border-radius:50%;animation:blink 1s infinite;}.stream-info{padding:20px;}.streamer-name{font-weight:700;font-size:1.1rem;margin-bottom:5px;}.stream-game{color:var(--text-muted);font-size:0.95rem;}.viewers{display:flex;align-items:center;gap:5px;color:var(--accent);font-size:0.9rem;margin-top:10px;}.community-section{padding:100px 5%;}.community-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:30px;max-width:1200px;margin:0 auto;}.community-card{background:var(--card-bg);border-radius:25px;padding:40px;border:1px solid rgba(255,255,255,0.05);transition:0.3s;text-align:center;}.community-card:hover{transform:translateY(-5px);border-color:rgba(233, 69, 96, 0.2);box-shadow:0 15px 50px rgba(0,0,0,0.2);}.community-icon{width:80px;height:80px;background:linear-gradient(135deg, var(--accent), #c73e54);border-radius:25px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:white;margin:0 auto 25px;box-shadow:0 10px 30px var(--accent-glow);}.community-card h3{font-size:1.5rem;font-weight:800;margin-bottom:15px;}.community-card p{color:var(--text-muted);line-height:1.8;margin-bottom:25px;}.link-arrow{color:var(--accent);text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:0.3s;}.link-arrow:hover{gap:15px;}.stats-bar{background:var(--card-bg);padding:60px 5%;border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05);}.stats-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:40px;max-width:1000px;margin:0 auto;text-align:center;}.stat-number{font-size:3rem;font-weight:900;color:var(--accent);text-shadow:0 0 20px var(--accent-glow);}.stat-label{color:var(--text-muted);font-size:1.1rem;margin-top:10px;}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:40px;max-width:1200px;margin:0 auto 40px;}.footer-brand h3{font-size:1.8rem;color:var(--accent);margin-bottom:15px;}.footer-brand p{color:var(--text-muted);line-height:1.8;}.footer-links h4{font-size:1.2rem;margin-bottom:20px;color:var(--text);}.footer-links ul{list-style:none;}.footer-links li{margin-bottom:12px;}.footer-links a{color:var(--text-muted);text-decoration:none;transition:0.3s;}.footer-links a:hover{color:var(--accent);padding-right:5px;}.social-links{display:flex;gap:15px;margin-top:20px;}.social-links a{width:45px;height:45px;background:rgba(255,255,255,0.05);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text);text-decoration:none;transition:0.3s;font-size:1.2rem;}.social-links a:hover{background:var(--accent);color:white;transform:translateY(-3px);}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,0.05);color:var(--text-muted);font-size:0.95rem;}.fade-in{opacity:0;transform:translateY(30px);transition:0.8s ease;}.fade-in.visible{opacity:1;transform:translateY(0);}#iynd57{background-image:url('assets/5533334.png');background-size:contain;background-position:center center;background-attachment:scroll;background-repeat:no-repeat;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:180px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}#irlbfb{font-size:8px;vertical-align:middle;margin-left:8px;}.gjs-image-box{height:200px;width:100%;}#i89r89{background-image:url('assets/5533334.png');background-size:contain;background-position:center center;background-attachment:scroll;background-repeat:no-repeat;width:10%;height:100px;}#iuerp2{color:rgb(255, 255, 255);}#iw244c{color:rgb(255, 255, 255);}#iy1a7i{color:rgb(255, 255, 255);}#int2re{color:rgb(255, 255, 255);}#ip59jh{color:rgb(255, 255, 255);}#i79vc8{color:rgb(255, 255, 255);}#ienuqb{color:rgb(255, 255, 255);}#iysmcj{color:rgb(255, 255, 255);}#il35ab{color:rgb(255, 255, 255);}#i49xxj{color:rgb(255, 255, 255);}#ilfkim{color:rgb(247, 244, 244);}#ihfud1{color:rgb(247, 244, 244);}#i9whng{color:rgb(247, 244, 244);}#iooy93{color:rgb(255, 255, 255);}#ilk3zx{color:rgb(255, 255, 255);}#i4mpol{color:rgb(245, 245, 245);}#i2iqp4{color:rgb(245, 245, 245);}#i3093i{color:rgb(245, 245, 245);}#iivv95{color:rgb(245, 245, 245);}#i0xr2d{color:rgb(255, 255, 255);}#i88sk4{color:rgb(247, 244, 244);}#iohs8d{color:rgb(247, 244, 244);}#i35fs2{color:rgb(247, 244, 244);}#ixdww{height:100px;padding-top:29px;padding-right:0px;padding-bottom:41px;padding-left:0px;}@keyframes pulse{0%, 100%{box-shadow:0 0 0 0 rgba(233, 69, 96, 0.4);}50%{box-shadow:0 0 0 10px rgba(233, 69, 96, 0);}}@keyframes float{0%, 100%{transform:translateY(100vh) rotate(0deg);opacity:0;}10%{opacity:0.3;}90%{opacity:0.3;}100%{transform:translateY(-100vh) rotate(720deg);opacity:0;}}@keyframes blink{0%, 100%{opacity:1;}50%{opacity:0.3;}}@media (max-width: 768px){.navbar{padding:15px 5%;}.nav-links{display:none;}.hero h1{font-size:2.8rem;}.hero p{font-size:1.1rem;}.servers-grid{grid-template-columns:1fr;}.section-header h2{font-size:2rem;}}