:root{--r:#e0242f;--b:#2a7bff;--bg:#07080d;--c:#11131c;--t:#e7e9f1;--m:#8d93a8}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(1200px 600px at 15% 0,#3a0a0f55,transparent),radial-gradient(1200px 600px at 85% 0,#0a1f4a66,transparent),var(--bg);color:var(--t);font:16px/1.6 "Segoe UI",system-ui,sans-serif}
a{color:inherit;text-decoration:none}h2{font-size:1.9rem;letter-spacing:1px;margin:.2em 0 .6em;text-transform:uppercase}
.wrap{max-width:1150px;margin:60px auto;padding:0 20px}.center{text-align:center}.muted{color:var(--m)}.small{font-size:.85rem}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 28px;background:#07080dcc;backdrop-filter:blur(10px);border-bottom:1px solid #ffffff12}
.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:1.3rem;background:linear-gradient(90deg,var(--r),#fff,var(--b));-webkit-background-clip:text;color:transparent}.brand img{height:38px}
.nav nav{display:flex;gap:22px;align-items:center}.nav nav a:not(.btn):hover{color:#fff;text-shadow:0 0 10px var(--b)}.burger{display:none;background:none;border:0;color:#fff;font-size:1.6rem}
.btn{display:inline-block;padding:12px 26px;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:.2s;border:1px solid #fff2}
.btn:hover{transform:translateY(-2px);filter:brightness(1.2)}.btn.sm{padding:8px 16px}.btn.full{display:block;text-align:center;margin-top:14px}
.red{background:linear-gradient(135deg,#ff3b47,#8d0d16);box-shadow:0 0 20px #e0242f66}.blue{background:linear-gradient(135deg,#4c95ff,#0b3a9a);box-shadow:0 0 20px #2a7bff66}.discord{background:#5865f2;box-shadow:0 0 20px #5865f266}
.hero{position:relative;min-height:min(88vh,820px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:30px 20px}
.glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.45;animation:p 6s ease-in-out infinite alternate}.glow.r{background:var(--r);left:-150px;top:10%}.glow.b{background:var(--b);right:-150px;top:10%;animation-delay:3s}
@keyframes p{to{opacity:.2;transform:scale(1.2)}}
.hero-logo{position:relative;width:min(900px,95vw);filter:drop-shadow(0 0 40px #000)}.tag{position:relative;font-size:1.2rem;color:#cfd3e3;margin:0 0 20px}
.row{position:relative;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.cd{position:relative;display:flex;gap:12px;justify-content:center}.cd div{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;padding:10px 14px;min-width:70px}
.cd b{display:block;font-size:1.8rem}.cd span{font-size:.75rem;color:var(--m);text-transform:uppercase}.cd.big b{font-size:2.4rem}
.card{background:linear-gradient(180deg,#151826,#0d0f17);border:1px solid #ffffff14;border-radius:14px;padding:26px;box-shadow:0 10px 30px #0008}
.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.srv{display:flex;align-items:center;gap:14px;background:#0008;padding:16px;border-radius:10px;border-left:4px solid var(--r)}.srv small{display:block;color:var(--m)}.srv em{margin-left:auto;color:#ffcf5a;font-style:normal}
.dot{width:12px;height:12px;border-radius:50%;background:#f5a524;box-shadow:0 0 10px #f5a524}
.dwidget{display:flex;gap:14px;align-items:center;background:#2b2d31;padding:14px;border-radius:10px}.dwidget img{width:56px;height:56px;border-radius:14px;object-fit:cover}.dwidget small{display:block;color:#b5bac1}
.sides{display:flex;gap:20px;align-items:center;justify-content:center}.vs{font-size:2.5rem;font-weight:900;color:#ddd;text-shadow:0 0 20px #fff8}
.sidebtn{flex:1;max-width:380px;padding:40px 20px;border-radius:14px;border:2px solid;cursor:pointer;color:#fff;transition:.25s}.sidebtn span{display:block;font-size:2.2rem;font-weight:900;letter-spacing:3px}
.koofs{background:linear-gradient(135deg,#3a060b,#120306);border-color:var(--r)}.koofs:hover{box-shadow:0 0 40px var(--r)}.noobs{background:linear-gradient(135deg,#061a3e,#030814);border-color:var(--b)}.noobs:hover{box-shadow:0 0 40px var(--b)}
.bar{display:flex;height:34px;border-radius:20px;overflow:hidden;margin:24px auto 8px;max-width:800px;font-weight:700}.bar div{display:flex;align-items:center;justify-content:center;transition:width .6s}.kb{background:linear-gradient(90deg,#8d0d16,var(--r))}.nb{background:linear-gradient(90deg,var(--b),#0b3a9a)}
.f h4{margin:0 0 6px;font-size:1.1rem}.f{border-top:2px solid var(--r)}.f:nth-child(2n){border-top-color:var(--b)}.f p{margin:0;color:#c4c8d6}
.pack{position:relative;text-align:center;overflow:hidden}.pack h3{font-size:1.6rem;margin:0}.price{font-size:2.2rem;font-weight:900;color:#ffcf5a;margin:10px 0}.pack ul{list-style:none;padding:0;color:#c4c8d6}
.hot{border:1px solid var(--r);box-shadow:0 0 30px #e0242f44}.ribbon{position:absolute;top:16px;right:-36px;transform:rotate(45deg);background:var(--r);padding:4px 40px;font-size:.8rem;font-weight:700}
.votes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.votes a{display:block;text-align:center;padding:24px;border-radius:10px;background:#111522;border:1px dashed #ffffff33;font-weight:700}.votes a:hover{border-color:var(--b)}
code{background:#000;padding:2px 6px;border-radius:4px}
footer{text-align:center;padding:40px 20px;border-top:1px solid #ffffff14;color:var(--m);margin-top:60px}footer img{height:60px}
.popup{position:fixed;inset:0;background:#000b;z-index:50;display:flex;align-items:center;justify-content:center}.popup.hide{display:none}
.popup-box{position:relative;background:linear-gradient(180deg,#1a0b10,#0a1022);border:1px solid #ffffff22;border-radius:16px;padding:30px;text-align:center;max-width:520px;width:92%;box-shadow:0 0 60px #e0242f44,0 0 60px #2a7bff44}
.popup-logo{width:100%}.popup-box h3{font-size:1.6rem;margin:.2em}.x{position:absolute;top:8px;right:14px;background:none;border:0;color:#fff;font-size:1.8rem;cursor:pointer}.popup .btn{margin-top:18px}
@media(max-width:850px){.grid2,.grid3{grid-template-columns:1fr}.votes{grid-template-columns:1fr 1fr}.sides{flex-direction:column}.burger{display:block}
.nav nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#07080df2;padding:20px}body.menu .nav nav{display:flex}}

.p2w{position:relative;display:inline-block;margin:6px 0 14px;padding:10px 26px;border-radius:40px;font-weight:900;letter-spacing:2px;font-size:1.15rem;background:linear-gradient(90deg,#8d0d16,#1b1d2a 50%,#0b3a9a);border:1px solid #ffcf5a;color:#ffe9a8;box-shadow:0 0 25px #ffcf5a55}
.p2wline{color:#ffcf5a;font-weight:700;letter-spacing:.5px}.price.free{color:#5be08a}
.tl{display:block;font-size:1.5rem;font-weight:900;letter-spacing:1px}.hz{color:#ff9d2e}.lt{color:#e9c44a}.ln{color:#4fb3ff}.it{color:#b77dff}.votes small{color:var(--m)}