.navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ae0;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:15px 60px;display:flex;position:sticky;top:0}.logo{color:#00d4ff;align-items:center;gap:8px;font-size:36px;font-weight:900;text-decoration:none;transition:all .3s;display:flex}.logo:hover{transform:scale(1.02)}.logo-img{object-fit:contain;filter:drop-shadow(0 0 15px #00d4ffb3);width:110px;height:110px;margin-right:-28px;transition:all .35s}.logo:hover .logo-img{filter:drop-shadow(0 0 25px #00d4ff);transform:rotate(-8deg)scale(1.12)}.logo span{color:#00d4ff;font-weight:900}.links{align-items:center;gap:32px;display:flex}.links a{color:#fff;align-items:center;gap:8px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.links a:hover{color:#00d4ff;transform:translateY(-2px)}.menu-icon{color:#fff;cursor:pointer;font-size:32px;display:none}@media (width<=900px){.navbar{flex-direction:row;justify-content:space-between;padding:15px 20px}.logo{font-size:26px}.logo-img{width:70px;height:70px;margin-right:-14px}.menu-icon{display:block}.links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172afa;flex-direction:column;gap:0;width:100%;max-height:0;transition:max-height .35s;display:flex;position:absolute;top:100%;left:0;overflow:hidden}.links.active{max-height:600px}.links a{border-top:1px solid #ffffff14;width:100%;padding:18px 25px;font-size:18px}.links a:hover{background:#00d4ff14;transform:none}}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:90vh;padding:100px 20px 80px;display:flex}.hero-badge{color:#00d4ff;background:#00d4ff1f;border:1px solid #00d4ff4d;border-radius:999px;margin-bottom:35px;padding:12px 24px;font-weight:600}.hero-title{color:#fff;margin-bottom:20px;font-size:86px;font-weight:900;line-height:1.1}.hero-title span{color:#00d4ff;text-shadow:0 0 30px #00d4ffcc}.hero-subtitle{color:#a5b4c7;max-width:800px;margin-bottom:45px;font-size:22px;line-height:1.7}.server-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:520px;margin-bottom:40px;padding:35px}.server-box h3{color:#fff;margin-bottom:20px;font-size:26px}.hero-ip{color:#00d4ff;word-break:break-word;margin-bottom:25px;font-size:34px;font-weight:700}.copy-btn{color:#000;cursor:pointer;background:#00d4ff;border:none;border-radius:12px;width:100%;padding:16px;font-size:18px;font-weight:700;transition:all .3s;box-shadow:0 0 20px #00d4ff59}.copy-btn:hover{transform:translateY(-3px);box-shadow:0 0 35px #00d4ff99}.hero-buttons{gap:20px;display:flex}.play-btn{color:#000;cursor:pointer;background:#00d4ff;border:none;border-radius:12px;padding:18px 45px;font-size:18px;font-weight:700;transition:all .3s}.play-btn:hover{transform:translateY(-4px);box-shadow:0 0 30px #00d4ff99}.store-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #00d4ff;border-radius:12px;padding:18px 45px;font-size:18px;transition:all .3s}.store-btn:hover{color:#000;background:#00d4ff}@media (width<=900px){.hero-section{padding:80px 20px}.hero-title{font-size:48px}.hero-subtitle{font-size:18px}.hero-ip{font-size:24px}.server-box{padding:25px}.hero-buttons{flex-direction:column;width:100%;max-width:320px}.play-btn,.store-btn,.copy-btn{width:100%}}.server-status{max-width:1200px;margin:70px auto;padding:0 20px}.server-title{text-align:center;color:#fff;margin-bottom:40px;font-size:42px}.server-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;display:grid}.server-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;padding:35px;transition:all .35s}.server-card:hover{border-color:#00d4ff;transform:translateY(-8px);box-shadow:0 0 30px #00d4ff59}.server-icon{color:#00d4ff;margin-bottom:15px;font-size:42px}.server-card h3{color:#fff;margin-bottom:10px;font-size:28px}.server-card p{color:#9ca3af;font-size:18px}@media (width<=900px){.server-status{margin:50px auto;padding:0 15px}.server-title{margin-bottom:30px;font-size:32px}.server-grid{grid-template-columns:1fr;gap:20px}.server-card{padding:28px 20px}.server-icon{font-size:34px}.server-card h3{font-size:24px}.server-card p{word-break:break-word;font-size:16px}}.features{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1100px;margin:80px auto;padding:0 20px;display:grid}.card{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:35px;transition:all .3s}.card h2{color:#00d4ff;margin-bottom:15px}.card p{color:#b5bfd0;line-height:1.6}.card:hover{border-color:#00d4ff;transform:translateY(-10px);box-shadow:0 0 25px #00d4ff66}.featured-ranks{text-align:center;background:#08111f;padding:100px 8%}.featured-title{color:#fff;margin-bottom:12px;font-size:3rem}.featured-subtitle{color:#94a3b8;margin-bottom:60px;font-size:1.1rem}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px;display:grid}.featured-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:35px;transition:all .35s;position:relative;overflow:hidden}.featured-card:hover{border-color:#00d4ff;transform:translateY(-10px);box-shadow:0 0 35px #00d4ff59}.featured-image{width:180px;margin:auto auto 25px;transition:all .35s;display:block}.featured-card:hover .featured-image{transform:scale(1.08)}.featured-card h3{margin-bottom:10px;font-size:2rem}.featured-price{color:#fff;margin-bottom:20px;font-size:2rem;font-weight:700}.featured-card p{color:#a7b7d3;min-height:60px;margin-bottom:30px;line-height:1.6}.featured-card button{color:#000;cursor:pointer;background:#00d4ff;border:none;border-radius:14px;width:100%;padding:16px;font-size:17px;font-weight:700;transition:all .3s}.featured-card button:hover{transform:translateY(-3px);box-shadow:0 0 25px #00d4ff80}.featured-badge{color:#000;background:#00d4ff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;position:absolute;top:18px;right:18px}.featured-all{color:#000;cursor:pointer;background:#00d4ff;border:none;border-radius:14px;margin-top:50px;padding:18px 50px;font-size:18px;font-weight:700;transition:all .3s}.featured-all:hover{transform:translateY(-4px);box-shadow:0 0 30px #00d4ff73}@media (width<=768px){.featured-grid{grid-template-columns:1fr}.featured-title{font-size:2.3rem}.featured-image{width:150px}}.footer{text-align:center;background:#ffffff08;border-top:1px solid #ffffff14;margin-top:120px;padding:70px 20px}.footer h2{color:#00d4ff;margin-bottom:15px;font-size:42px}.footer-ip{color:#9ca3af;margin-bottom:35px}.footer-links{flex-wrap:wrap;justify-content:center;gap:35px;margin-bottom:40px;display:flex}.footer-links a{color:#fff;text-decoration:none;transition:all .3s}.footer-links a:hover{color:#00d4ff}.copyright{color:#6b7280;font-size:15px}.home-page{color:#fff;background:linear-gradient(135deg,#0b1220,#0f172a,#111827);min-height:100vh}.description{color:#9ca3af;text-align:center;max-width:700px;margin-bottom:30px;font-size:18px}.buttons{gap:20px;margin-bottom:60px;display:flex}.primary-btn{color:#000;cursor:pointer;background:#00d4ff;border:none;border-radius:10px;padding:15px 40px;font-size:20px;font-weight:700;transition:all .3s;box-shadow:0 0 25px #00d4ff}.secondary-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #00d4ff;border-radius:10px;padding:15px 40px;font-size:20px;transition:all .3s}.status-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;width:370px;margin-top:20px;padding:35px;transition:all .3s}.status-card:hover{transform:translateY(-8px);box-shadow:0 0 35px #00d4ff4d}.store-hero{text-align:center;background:linear-gradient(135deg,#00d4ff26,#111827f2);border:1px solid #ffffff14;border-radius:30px;max-width:1400px;margin:40px auto 80px;padding:90px 40px;position:relative;overflow:hidden}.store-hero-content{z-index:2;position:relative}.store-tag{color:#4fd8ff;background:#00d4ff26;border-radius:999px;margin-bottom:22px;padding:10px 18px;font-weight:700;display:inline-block}.store-hero p{color:#b8c5d6;max-width:760px;margin:auto;font-size:21px;line-height:1.8}.store-buttons{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:45px;display:flex}.primary-btn,.secondary-btn{border-radius:14px;padding:18px 34px;font-weight:700;text-decoration:none;transition:all .3s}.primary-btn{color:#07111f;background:#00d4ff}.primary-btn:hover{transform:translateY(-4px);box-shadow:0 0 30px #00d4ff73}.secondary-btn{color:#00d4ff;border:2px solid #00d4ff}.secondary-btn:hover{color:#07111f;background:#00d4ff}.store-hero-glow{filter:blur(100px);opacity:.45;border-radius:50%;width:340px;height:340px;position:absolute}.glow-1{background:#00d4ff;top:-120px;left:-80px}.glow-2{background:#4f46e5;bottom:-120px;right:-80px}@media (width<=768px){.store-hero{padding:70px 25px}.store-hero h1{font-size:46px}.store-hero p{font-size:18px}}.store-card{--accent:#00d4ff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;flex-direction:column;align-items:center;padding:35px 28px;transition:all .35s;display:flex;position:relative;overflow:hidden}.store-card:before{content:"";background:linear-gradient(120deg,#0000,#ffffff2e,#0000);width:70%;height:100%;transition:all .8s;position:absolute;top:0;left:-140%}.store-card:hover:before{left:140%}.store-card:hover{border-color:var(--accent);box-shadow:0 0 40px #00000059, 0 0 25px var(--accent);transform:translateY(-12px)scale(1.02)}.store-card-badge{background:var(--accent);color:#06111d;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;position:absolute;top:18px;right:18px}.store-card-image{justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:25px;display:flex}.store-card-image img{object-fit:contain;width:100%;height:100%;transition:all .35s}.store-card:hover .store-card-image img{transform:scale(1.12)rotate(-5deg)}.store-card-title{text-align:center;margin-bottom:10px;font-size:32px;font-weight:800}.store-card-price{color:#fff;margin-bottom:24px;font-size:38px;font-weight:700}.store-card-perks{width:100%;margin:0 0 30px;padding:0;list-style:none}.store-card-perks li{color:#cbd5e1;margin:12px 0;font-size:17px}.store-card-button{background:var(--accent);color:#07111f;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:auto;padding:16px;font-size:18px;font-weight:700;transition:all .3s}.store-card-button:hover{filter:brightness(1.08);box-shadow:0 0 20px var(--accent);transform:scale(1.03)}@media (width<=768px){.store-card{padding:28px 22px}.store-card-image{width:110px;height:110px}.store-card-title{font-size:28px}.store-card-price{font-size:30px}}.store-section{max-width:1450px;margin:0 auto 100px}.store-section-header{text-align:center;margin-bottom:45px}.store-section-header h2{color:#fff;margin-bottom:12px;font-size:42px;font-weight:800}.store-section-header p{color:#94a3b8;font-size:18px}.store-section-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px;display:grid}@media (width<=768px){.store-section{margin-bottom:70px}.store-section-header h2{font-size:34px}.store-section-header p{font-size:17px}.store-section-grid{grid-template-columns:1fr}}.store-page{color:#fff;background:linear-gradient(#08101f 0%,#0f172a 100%);min-height:100vh;padding:80px 30px}.store-hero{text-align:center;max-width:900px;margin:0 auto 90px}.store-hero h1{margin-bottom:18px;font-size:64px;font-weight:800}.store-hero p{color:#94a3b8;font-size:22px;line-height:1.7}.store-section{margin-bottom:90px}.section-header{text-align:center;margin-bottom:40px}.section-header h2{margin-bottom:10px;font-size:42px}.section-header p{color:#94a3b8;font-size:18px}.store-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px;max-width:1450px;margin:auto;display:grid}.rank-card:before{content:"";background:linear-gradient(120deg,#0000,#ffffff2e,#0000);width:70%;height:100%;transition:all .8s;position:absolute;top:0;left:-120%}.rank-card:hover:before{left:130%}.rank-card:hover{border-color:var(--glow);box-shadow:0 0 40px color-mix(in srgb, var(--glow) 40%, transparent);transform:translateY(-10px)scale(1.02)}.popular{background:var(--glow);color:#000;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;position:absolute;top:18px;right:18px}.item-image{justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:25px;display:flex}.item-image img{object-fit:contain;width:100%;height:100%;transition:all .35s}.rank-card:hover .item-image img{transform:scale(1.12)rotate(-3deg)}.item-title{margin-bottom:10px;font-size:34px;font-weight:800}.price{margin-bottom:25px;font-size:38px;font-weight:700}.rank-card ul{width:100%;margin-bottom:28px;padding:0;list-style:none}.rank-card li{color:#d1d5db;margin:12px 0;font-size:17px}.rank-card button{background:var(--glow);color:#000;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:auto;padding:16px;font-size:18px;font-weight:700;transition:all .3s}.rank-card button:hover{filter:brightness(1.1);box-shadow:0 0 25px var(--glow);transform:scale(1.03)}@media (width<=900px){.store-hero h1{font-size:48px}.store-hero p{font-size:18px}.section-header h2{font-size:34px}.item-title{font-size:28px}.price{font-size:30px}}@media (width<=600px){.store-page{padding:70px 20px}.rank-card{padding:28px 22px}.item-image{width:110px;height:110px}}.ranks-page{background:linear-gradient(#08111f 0%,#0f172a 100%);min-height:100vh;padding:120px 8% 100px}.ranks-header{text-align:center;margin-bottom:70px}.ranks-header h1{color:#fff;margin-bottom:15px;font-size:4rem;font-weight:800}.ranks-header p{color:#94a3b8;max-width:700px;margin:auto;font-size:1.15rem;line-height:1.8}.ranks-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px;display:grid}.rank-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:2px solid #ffffff14;border-radius:24px;flex-direction:column;align-items:center;padding:35px;transition:all .35s;display:flex;position:relative;overflow:hidden}.rank-card:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 0 40px #00d4ff59}.popular{color:#000;background:#00d4ff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;position:absolute;top:18px;right:18px}.rank-image{width:180px;height:auto;margin-bottom:25px;transition:all .35s}.rank-card:hover .rank-image{transform:scale(1.08)}.rank-card h2{margin-bottom:12px;font-size:2rem;font-weight:800}.rank-price{color:#fff;margin-bottom:25px;font-size:2.2rem;font-weight:700}.rank-card ul{width:100%;margin:0 0 30px;padding:0;list-style:none}.rank-card li{color:#d6e2f3;border-bottom:1px solid #ffffff0f;padding:12px 0;font-size:16px}.rank-card a{width:100%;margin-top:auto;text-decoration:none}.rank-card button{color:#000;cursor:pointer;background:#00d4ff;border:none;border-radius:14px;width:100%;padding:16px;font-size:17px;font-weight:700;transition:all .3s}.rank-card button:hover{transform:translateY(-3px);box-shadow:0 0 25px #00d4ff73}.coming-soon{opacity:.8;filter:grayscale(.25);border:2px dashed #ffffff26}.coming-soon:hover{transform:translateY(-10px);box-shadow:0 0 25px #ffffff14}.coming-icon{color:#666;letter-spacing:6px;margin:20px 0;font-size:70px;font-weight:900}.coming-soon h2{color:#d4d4d4!important}.coming-soon .rank-price{color:#888}.coming-soon button{color:#9a9a9a;cursor:not-allowed;background:#3b3b3b}.coming-soon button:hover{box-shadow:none;transform:none}@media (width<=768px){.ranks-page{padding:100px 6% 80px}.ranks-header h1{font-size:2.8rem}.ranks-grid{grid-template-columns:1fr}.rank-image{width:150px}.rank-card{padding:28px}}.news-page{color:#fff;background:linear-gradient(135deg,#0b1220,#0f172a,#111827);min-height:100vh}.news-container{text-align:center;max-width:1000px;margin:auto;padding:80px 20px}.news-container h1{margin-bottom:10px;font-size:60px}.news-subtitle{color:#9ca3af;margin-bottom:60px;font-size:20px}.news-list{flex-direction:column;gap:30px;display:flex}.news-card{text-align:left;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;padding:30px;transition:all .3s}.news-card:hover{border-color:#00d4ff;transform:translateY(-5px);box-shadow:0 0 25px #00d4ff4d}.news-card h2{color:#00d4ff;margin-bottom:10px}.news-card span{color:#9ca3af;font-size:14px}.news-card p{margin-top:20px;line-height:1.7}.gallery-page{color:#fff;background:linear-gradient(135deg,#0b1220,#0f172a,#111827);min-height:100vh}.gallery-container{text-align:center;max-width:1300px;margin:auto;padding:80px 20px}.gallery-container h1{margin-bottom:10px;font-size:60px}.gallery-container p{color:#9ca3af;margin-bottom:60px;font-size:20px}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.gallery-card{background:#1b2335;border:1px solid #ffffff14;border-radius:18px;transition:all .35s;overflow:hidden}.gallery-card:hover{transform:translateY(-10px);box-shadow:0 0 30px #00d4ff59}.gallery-card img{width:100%;display:block}.gallery-card h3{color:#00d4ff;padding:20px}.players-page{color:#fff;text-align:center;background:#0f172a;min-height:100vh;padding:80px 20px}.players-page h1{font-size:58px}.players-page p{color:#94a3b8}.search-box{flex-wrap:wrap;justify-content:center;gap:15px;margin:50px 0;display:flex}.search-box input{border:none;border-radius:14px;width:350px;padding:18px;font-size:18px}.search-box button{cursor:pointer;background:#00d4ff;border:none;border-radius:14px;padding:18px 35px;font-size:18px;font-weight:700}.player-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;max-width:700px;margin:auto;padding:40px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{background:#0b0f1a;font-family:Arial,sans-serif}#root{min-height:100vh}