.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}.ranks{text-align:center;max-width:1300px;margin:100px auto;padding:0 20px}.ranks-title{color:#fff;margin-bottom:60px;font-size:50px}.rank-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.rank-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;padding:40px 30px;transition:all .35s}.rank-card h3{margin-bottom:12px;font-size:34px}.rank-price{color:#fff;margin-bottom:25px;font-size:36px}.rank-card p{color:#b5bfd0;margin:12px 0;line-height:1.6}.rank-card button{color:#000;cursor:pointer;background:#00d4ff;border:none;border-radius:12px;width:100%;margin-top:25px;padding:16px;font-size:18px;font-weight:700;transition:all .3s}.rank-card button:hover:not(:disabled){transform:scale(1.03);box-shadow:0 0 20px #00d4ff80}.rank-card button:disabled{color:#aaa;cursor:not-allowed;background:#444}.locked{opacity:.85;border:2px dashed #555}.locked:hover{border-color:#888;box-shadow:0 0 20px #ffffff14}@media (width<=900px){.ranks{margin:60px auto}.ranks-title{font-size:36px}.rank-card{padding:30px 20px}.rank-card h3{font-size:28px}.rank-price{font-size:30px}}.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}.primary-btn:hover{transform:translateY(-4px);box-shadow:0 0 40px #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}.secondary-btn:hover{color:#000;background:#00d4ff}.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-page{color:#fff;text-align:center;background:#0f172a;min-height:100vh;padding:80px 30px}.store-page h1{margin-bottom:10px;font-size:56px}.store-subtitle{color:#94a3b8;margin-bottom:60px;font-size:20px}.store-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px;max-width:1300px;margin:auto;display:grid}.rank-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;padding:40px 30px;transition:all .35s;position:relative}.rank-card:hover{border-color:#00d4ff;transform:translateY(-10px);box-shadow:0 0 40px #00d4ff4d}.popular{color:#000;background:#00d4ff;border-radius:999px;padding:8px 20px;font-size:14px;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.rank-card h2{margin-bottom:10px;font-size:38px}.rank-card h3{color:#fff;margin-bottom:30px;font-size:42px}.rank-card ul{margin-bottom:35px;padding:0;list-style:none}.rank-card li{color:#cbd5e1;margin:14px 0;font-size:18px}.rank-card button{color:#000;cursor:pointer;background:#00d4ff;border:none;border-radius:14px;width:100%;padding:18px;font-size:20px;font-weight:700;transition:all .3s}.rank-card button:hover{transform:scale(1.03);box-shadow:0 0 25px #00d4ff80}@media (width<=768px){.store-page h1{font-size:42px}.store-subtitle{font-size:18px}.rank-card{padding:30px 20px}}.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}