:root{--bg: #080a11;--bg2: #0e111b;--panel: #141926;--panel2: #1a2030;--line: #232a3c;--text: #eef1f7;--muted: #8a92a6;--accent: #6c8cff;--accent2: #a06bff;--accent3: #46e0c0;--green: #36c987;--danger: #ff5b6e;--radius: 16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(900px 500px at 12% -5%,rgba(108,140,255,.18),transparent 60%),radial-gradient(800px 500px at 95% 0%,rgba(160,107,255,.16),transparent 55%),radial-gradient(700px 600px at 50% 110%,rgba(70,224,192,.08),transparent 60%)}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.small{font-size:12px}.center{text-align:center}.mt{margin-top:32px}h1,h2,h3,h4{line-height:1.2;margin:0}.grad{background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3));-webkit-background-clip:text;background-clip:text;color:transparent}button,.btn{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .08s,filter .15s}button:hover:not(:disabled),.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}button:active{transform:translateY(0)}button.ghost,.btn.ghost{background:transparent;border:1px solid var(--line)}button:disabled{opacity:.55;cursor:default}input,select,textarea{background:var(--panel2);border:1px solid var(--line);color:var(--text);padding:11px 13px;border-radius:10px;font-size:14px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6c8cff2e}input::placeholder,textarea::placeholder{color:var(--muted)}textarea{min-height:84px;resize:vertical}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--panel2) inset;caret-color:var(--text);transition:background-color 99999s ease-out 0s}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:26px;padding:16px 40px;transition:padding .2s,background .2s}.header.scrolled{padding:10px 40px;background:#080a11d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.logo{font-weight:800;font-size:20px;display:flex;align-items:center;gap:8px}.logo-mark{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.nav-row{display:flex;gap:4px}.nav{padding:8px 14px;border-radius:9px;color:var(--muted);font-weight:500}.nav:hover,.nav.active{color:var(--text);background:#ffffff0f}.header-right{margin-left:auto;display:flex;align-items:center;gap:12px}.balance{background:#36c9871f;color:var(--green);padding:7px 13px;border-radius:9px;font-weight:700}.uname{color:var(--muted)}main{max-width:1140px;margin:0 auto;padding:0 24px}.hero{position:relative;text-align:center;padding:100px 0 80px;overflow:hidden}.hero-orbs span{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;animation:float 9s ease-in-out infinite}.hero-orbs span:nth-child(1){width:280px;height:280px;background:var(--accent);top:-40px;left:8%}.hero-orbs span:nth-child(2){width:240px;height:240px;background:var(--accent2);top:20px;right:10%;animation-delay:-3s}.hero-orbs span:nth-child(3){width:200px;height:200px;background:var(--accent3);bottom:-60px;left:45%;animation-delay:-6s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-26px)}}.hero-inner{position:relative;z-index:1}.badge-soft{display:inline-block;background:#ffffff0f;border:1px solid var(--line);color:var(--muted);padding:7px 14px;border-radius:999px;font-size:13px;margin-bottom:22px}.hero h1{font-size:58px;letter-spacing:-1px;margin-bottom:16px}.hero p{color:var(--muted);font-size:19px;max-width:620px;margin:0 auto}.hero-actions{margin-top:30px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn-big{padding:15px 28px;border-radius:13px;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;font-weight:700;font-size:15px;box-shadow:0 10px 30px -10px #6c8cff99;transition:transform .1s,filter .15s}.btn-big:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-big.ghost{background:#ffffff0a;border:1px solid var(--line);box-shadow:none}.hero-stats{margin-top:46px;display:flex;gap:40px;justify-content:center}.hero-stats div{display:flex;flex-direction:column}.hero-stats b{font-size:30px;background:linear-gradient(90deg,var(--accent),var(--accent3));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-stats span{color:var(--muted);font-size:13px}.section{padding:54px 0}.sec-head{margin-bottom:28px}.kicker{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:var(--accent);font-weight:700}.sec-head h2{font-size:32px;margin-top:6px}.features{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.feature{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:transform .15s,border-color .15s}.feature:hover{transform:translateY(-4px);border-color:var(--accent)}.feature-ic{font-size:30px;margin-bottom:12px}.feature strong{font-size:17px}.feature p{color:var(--muted);margin:8px 0 0;font-size:14px}.servers{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.server-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .15s,border-color .15s}.server-card:hover{transform:translateY(-4px);border-color:var(--accent2)}.server-img{position:relative;height:150px;background-size:cover;background-position:center;display:grid;place-items:center;font-size:46px;background-color:var(--bg2)}.srv-badge{position:absolute;top:10px;right:10px;font-size:11px;padding:4px 10px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.srv-badge.on{background:#36c98740;color:#aef5d3}.srv-badge.off{background:#ff5b6e40;color:#ffc2c9}.server-body{padding:16px}.server-body strong{font-size:17px}.server-meta{display:flex;align-items:center;gap:10px;margin:10px 0}.tag{background:var(--bg2);border:1px solid var(--line);padding:3px 9px;border-radius:7px;font-size:12px}.ip{display:block;background:var(--bg2);padding:8px 11px;border-radius:9px;font-size:13px}.steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.step{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;position:relative;transition:border-color .15s}.step:hover{border-color:var(--accent)}.step-n{width:38px;height:38px;border-radius:11px;background:linear-gradient(90deg,var(--accent),var(--accent2));display:grid;place-items:center;font-weight:800;margin-bottom:12px}.step strong{font-size:16px}.step p{color:var(--muted);margin:8px 0 0;font-size:14px}.leaderboard{display:flex;flex-direction:column;gap:8px;max-width:560px}.lb-row{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px}.lb-pos{width:30px;height:30px;border-radius:8px;background:var(--bg2);display:grid;place-items:center;font-weight:800}.rank-1 .lb-pos{background:linear-gradient(90deg,#f7c948,#f59e0b);color:#1a1400}.rank-2 .lb-pos{background:linear-gradient(90deg,#cbd5e1,#94a3b8);color:#14181f}.rank-3 .lb-pos{background:linear-gradient(90deg,#d6915b,#b45309);color:#1a1000}.lb-name{flex:1;font-weight:600}.lb-sum{color:var(--green);font-weight:700}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.news-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;transition:transform .15s}.news-card:hover{transform:translateY(-3px)}.news-date{color:var(--accent);font-size:12px;font-weight:600;margin-bottom:8px}.news-card h3{font-size:18px}.news-card p{color:var(--muted);margin:8px 0 0;font-size:14px}.faq{display:flex;flex-direction:column;gap:10px;max-width:760px}.faq-item{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;cursor:pointer}.faq-q{display:flex;justify-content:space-between;font-weight:600}.faq-q span{color:var(--accent);font-size:20px;line-height:1}.faq-a{max-height:0;overflow:hidden;color:var(--muted);transition:max-height .25s,margin .25s}.faq-item.open .faq-a{max-height:200px;margin-top:10px}.cta{text-align:center;margin:40px 0 20px;padding:56px 24px;background:linear-gradient(120deg,#6c8cff24,#a06bff24);border:1px solid var(--line);border-radius:24px}.cta h2{font-size:34px}.cta p{color:var(--muted);margin:10px 0 0}.dl-card{display:flex;gap:20px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:24px}.dl-ic{font-size:50px;width:90px;height:90px;display:grid;place-items:center;background:var(--bg2);border-radius:18px}.dl-card h3{font-size:20px}.dl-card p{margin:8px 0 16px}.topup-banner{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(120deg,#6c8cff1a,#a06bff1a);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.topup-form{min-width:320px}.amt-presets{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.preset{background:var(--bg2);border:1px solid var(--line);color:var(--muted);padding:7px 12px}.preset.on{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;border-color:transparent}.row{display:flex;gap:10px;flex-wrap:wrap}.row input,.row select{flex:1;min-width:120px}.row button{flex:0 0 auto}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.product{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-align:center;display:flex;flex-direction:column;gap:8px;transition:border-color .15s,box-shadow .15s}.product:hover{border-color:var(--accent);box-shadow:0 12px 34px -14px #6c8cff8c}.cat-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.cat-tab{background:var(--panel);border:1px solid var(--line);color:var(--muted);padding:8px 16px}.cat-tab.on{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;border-color:transparent}.rules-block{margin-bottom:26px}.rules-block h3{margin-bottom:6px;color:var(--accent)}.rules-table td:last-child{text-align:right;width:200px}.punish{background:#ff5b6e24;color:#ffb3bb;padding:3px 10px;border-radius:8px;font-size:13px;white-space:nowrap}.rules-note{margin-top:14px;padding:14px 18px;border-radius:12px;background:#f7c9481a;border:1px solid rgba(247,201,72,.25);color:#f7d98a}.product-img{height:120px;border-radius:12px;background:var(--bg2);background-size:cover;background-position:center;display:grid;place-items:center;font-size:38px}.price{font-size:22px;font-weight:800;color:var(--green)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card form{display:flex;flex-direction:column;gap:10px;margin-top:12px}.cab-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cab-balance{display:flex;flex-direction:column;gap:6px}.big-balance{font-size:38px;font-weight:800;background:linear-gradient(90deg,var(--green),var(--accent3));-webkit-background-clip:text;background-clip:text;color:transparent}.cab-balance .btn{margin-top:10px;align-self:flex-start}.table{width:100%;border-collapse:collapse;margin-top:12px}.table th,.table td{text-align:left;padding:11px;border-bottom:1px solid var(--line);font-size:14px}.badge{font-size:11px;padding:3px 9px;border-radius:999px}.badge.ok{background:#36c98726;color:var(--green)}.badge.off{background:#ff5b6e26;color:var(--danger)}.alert{padding:11px 14px;border-radius:11px;font-size:14px;margin-bottom:12px}.alert.ok{background:#36c9871f;color:var(--green)}.alert.err{background:#ff5b6e1f;color:var(--danger)}.prose ol{line-height:2;color:var(--muted);padding-left:20px}.center-block{text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;padding-top:50px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:grid;place-items:center;z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .2s}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px;width:380px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 80px -20px #000000b3}.modal-logo{text-align:center;font-weight:800;font-size:20px;margin-bottom:4px}.tabs{display:flex;gap:6px;background:var(--bg2);padding:4px;border-radius:11px}.tab{flex:1;background:transparent;color:var(--muted)}.tab.active{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff}.footer{border-top:1px solid var(--line);margin-top:60px;padding:40px 40px 24px}.footer-cols{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.footer-cols h4{margin-bottom:12px}.footer-cols a{display:block;color:var(--muted);padding:4px 0}.footer-cols a:hover{color:var(--text)}.footer-bottom{max-width:1140px;margin:28px auto 0;padding-top:18px;border-top:1px solid var(--line);text-align:center}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.atab{background:var(--panel);border:1px solid var(--line);color:var(--muted)}.atab.active{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;border-color:transparent}.acard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.alist{display:flex;flex-direction:column;gap:8px}.arow{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.arow-img{width:46px;height:46px;object-fit:cover;border-radius:9px}.arow-main{flex:1;display:flex;flex-direction:column}.arow-actions{display:flex;gap:6px}.mini{padding:6px 10px;font-size:12px;background:var(--bg2);border:1px solid var(--line);color:var(--text)}.mini.danger{background:#ff5b6e24;color:var(--danger);border-color:transparent}.atable{width:100%;border-collapse:collapse}.atable th,.atable td{text-align:left;padding:9px;border-bottom:1px solid var(--line);font-size:13px}.img-upload{display:flex;align-items:center;gap:10px}.img-prev{width:50px;height:50px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}.img-prev.empty{display:grid;place-items:center;color:var(--muted);font-size:10px;background:var(--bg2);text-align:center}@media (max-width: 760px){.hero h1{font-size:38px}.hero-stats{gap:24px}.cab-grid,.grid2,.footer-cols{grid-template-columns:1fr}.header{padding:12px 16px;gap:12px;flex-wrap:wrap}.nav-row{order:3;width:100%;overflow-x:auto}}