*{box-sizing:border-box}body{margin:0;background:#020817;color:#f8fafc;font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}.nav{height:72px;background:#0b1220;border-bottom:1px solid #172033;display:flex;align-items:center;padding:0 7%;gap:28px}
.logo{font-size:24px;font-weight:800}.logo span{color:#22a7f0}.navlinks{display:flex;gap:20px;font-size:14px;flex:1}.navlinks a:hover{color:#22a7f0}
.btn{display:inline-block;padding:12px 22px;border-radius:10px;font-weight:700;font-size:13px;background:#159fe8}.btn.alt{background:transparent;border:1px solid #fff}.btn.discord{background:#5865f2}.btn.whatsapp{background:#20d66b}
.wrap{max-width:1100px;margin:auto;padding:65px 5%}.hero{min-height:420px;display:flex;align-items:center;justify-content:space-between;gap:40px}.hero h1{font-size:52px;line-height:1.05;margin:0 0 20px}.blue{color:#22a7f0}.hero p{color:#cbd5e1;line-height:1.7;max-width:650px}.actions{display:flex;gap:14px;margin-top:25px}
h2{text-align:center;font-size:30px;margin:35px 0}.modes{background:#06142b;padding:45px;border-radius:0;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:#17243a;border:1px solid #263753;border-radius:17px;padding:28px;text-align:center}.card:hover{box-shadow:0 0 25px #087bd655}.card p{color:#dbe3ef;line-height:1.5;font-size:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{background:#121a2a;border-radius:15px;padding:25px;text-align:center}.stat b{font-size:24px}.stat small{display:block;margin-top:8px;color:#cbd5e1}.premium{text-align:center;padding:70px 0}.footer{background:#071121;text-align:center;padding:32px;color:#cbd5e1}.footer b{font-size:20px;color:#22a7f0}
.box{max-width:700px;margin:70px auto;background:#020202;border:1px solid #17304a;border-radius:16px;padding:28px}.box h1{margin-top:0}.field{width:100%;padding:14px;margin:10px 0;background:#020202;color:#fff;border:1px solid #344054;border-radius:8px}.ranklist{margin:18px 0;border:1px solid #26313f;border-radius:10px;overflow:hidden}.rank{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #26313f}.rank:last-child{border-bottom:0}.rank input{margin-right:10px}.old{text-decoration:line-through;color:#9ca3af}.new{color:#31d158;font-weight:700}.discount{display:flex;justify-content:space-between;align-items:center;background:#151a22;padding:16px;border-radius:10px;margin:15px 0}.switch{width:45px;height:24px;border-radius:20px;background:#334155;position:relative;cursor:pointer}.switch.on{background:#2196f3}.switch:after{content:"";position:absolute;width:18px;height:18px;background:white;border-radius:50%;top:3px;left:3px;transition:.2s}.switch.on:after{left:24px}.center{text-align:center}.notice{color:#94a3b8;font-size:13px}.pricebox{margin:12px 0;padding:14px;background:#0d1420;border-radius:8px;text-align:center;font-size:20px}.hidden{display:none}
@media(max-width:700px){.nav{padding:0 4%;gap:12px}.navlinks{gap:8px;font-size:11px}.nav .btn{display:none}.hero{min-height:380px}.hero h1{font-size:40px}.modes{grid-template-columns:1fr;padding:25px}.stats{grid-template-columns:repeat(2,1fr)}.wrap{padding:40px 5%}}