:root{--bg:#080a0f;--panel:#11141c;--panel2:#171b25;--line:#272d3b;--text:#f5f7fb;--muted:#9ca6b8;--purple:#7c5cff;--pink:#e455ff;--cyan:#5de4ff;--green:#54e6a4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% -10%,#39236f55,transparent 32rem),radial-gradient(circle at 88% 5%,#15345f44,transparent 28rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:72px;border-bottom:1px solid #ffffff10;background:#080a0ed9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:34px;padding:0 max(24px,calc((100vw - 1220px)/2));position:-webkit-sticky;position:sticky;top:0;z-index:50}.brand,.topbar{display:flex;align-items:center}.brand{font-size:22px;font-weight:850;letter-spacing:-.04em;gap:9px}.brand span{width:31px;height:31px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--pink));border-radius:9px;box-shadow:0 0 28px #865dff55}.brand b{font-size:9px;letter-spacing:.11em;padding:4px 6px;border:1px solid #ffffff22;border-radius:5px;color:#b8c0cf}.topbar nav{display:flex;gap:24px;color:#cbd1dc;font-size:14px}.actions{margin-left:auto;display:flex;align-items:center;gap:10px}.discord-btn,.ghost,.primary,.secondary{border-radius:10px;padding:10px 14px;border:1px solid #ffffff18;background:#ffffff08;color:white;cursor:pointer}.discord-btn,.primary{background:linear-gradient(135deg,#7056ff,#925aff);border:0;font-weight:750;box-shadow:0 8px 30px #6e52ff26}main{max-width:1220px;margin:auto;padding:28px 24px 80px}.hero{padding:66px 0 36px}.eyebrow{font-size:12px;color:#b9adff;letter-spacing:.18em;font-weight:800;text-transform:uppercase}.hero h1{font-size:clamp(48px,7vw,86px);letter-spacing:-.065em;line-height:.94;max-width:850px;margin:16px 0 20px}.gradient{background:linear-gradient(90deg,#fff 10%,#a98cff 55%,#60dfff);-webkit-background-clip:text;color:transparent}.hero p{max-width:720px;font-size:19px;color:var(--muted);line-height:1.65}.searchbar{margin-top:30px;display:flex;gap:10px;padding:9px;border:1px solid #ffffff15;background:#11141cd9;border-radius:16px;box-shadow:0 25px 80px #0008}.searchbar input{flex:1 1;background:transparent;border:0;color:white;padding:10px 12px;outline:0;font-size:16px}.searchbar button{min-width:120px}.chips{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 32px}.chip{padding:8px 12px;border:1px solid #ffffff14;background:#ffffff08;border-radius:100px;color:#c7cddd;font-size:13px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:42px 0 17px}.section-head h2{margin:0;font-size:27px;letter-spacing:-.04em}.section-head p{margin:5px 0 0;color:var(--muted)}.section-head a{color:#b6a8ff;font-size:14px}.server-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px}.card{position:relative;overflow:hidden;background:linear-gradient(180deg,#171b25,#11141a);border:1px solid #ffffff12;border-radius:18px;padding:18px;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#8267ff66;box-shadow:0 20px 60px #0008}.card-top{display:flex;gap:14px}.server-icon{width:58px;height:58px;border-radius:15px;object-fit:cover;background:#242938}.fallback-icon{display:grid;place-items:center;font-size:23px;font-weight:850}.card h3{margin:2px 0 5px;font-size:18px}.card p{color:#aab2c2;line-height:1.5;font-size:14px;min-height:42px}.stats{display:flex;gap:14px;color:#9099aa;font-size:12px;margin:15px 0}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px #54e6a477;margin-right:5px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:11px;padding:5px 8px;border-radius:6px;background:#ffffff09;border:1px solid #ffffff0d;color:#b6bdcc}.card-actions{display:flex;gap:8px;margin-top:17px}.card-actions a,.card-actions button{flex:1 1;text-align:center}.score{position:absolute;right:14px;top:14px;font-size:11px;color:#cfc5ff;background:#785bff22;border:1px solid #856cff44;border-radius:7px;padding:5px 7px}.sponsor{color:#ffd986;background:#66521f33;border-color:#c8a74955}.panel{background:#11141c;border:1px solid #ffffff12;border-radius:20px;padding:24px}.two-col{display:grid;grid-template-columns:1.5fr .8fr;grid-gap:18px;gap:18px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.field input,.field select,.field textarea,.filters input,.filters select{background:#11141c;border:1px solid #ffffff14;border-radius:10px;color:white;padding:11px 12px}.field{display:grid;grid-gap:7px;gap:7px;margin-bottom:15px}.field label{font-size:13px;color:#c2c8d3}.field textarea{min-height:120px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.kpi{padding:18px;border:1px solid #ffffff12;border-radius:14px;background:#11141c}.kpi strong{display:block;font-size:27px}.kpi span{font-size:12px;color:var(--muted)}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:13px;gap:13px}.price{padding:24px;border:1px solid #ffffff13;border-radius:18px;background:#11141c}.price.featured{border-color:#876aff77;box-shadow:0 0 60px #6e52ff16}.price h3{font-size:21px}.price .money{font-size:36px;font-weight:850}.price ul{padding-left:18px;color:#aeb6c5;line-height:1.9;font-size:14px}.server-hero{border:1px solid #ffffff12;border-radius:22px;overflow:hidden;background:#11141c}.banner{height:240px;background:linear-gradient(135deg,#392868,#153e59);background-position:50%;background-size:cover}.server-main{padding:0 25px 25px}.server-main .server-icon{width:92px;height:92px;margin-top:-46px;border:5px solid #11141c}.server-title{display:flex;align-items:center;gap:10px}.badge{font-size:10px;padding:5px 7px;border-radius:6px;background:#5eebaa19;color:#7cf0b8;border:1px solid #63e7ad3d}.notice{padding:14px;border:1px solid #ffe08338;background:#a3761b16;color:#f2d990;border-radius:10px;font-size:13px}footer{border-top:1px solid #ffffff10;max-width:1220px;margin:auto;padding:35px 24px 60px;display:flex;justify-content:space-between;color:#7f899b;font-size:13px}@media(max-width:900px){.price-grid,.server-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.topbar nav{display:none}.kpis{grid-template-columns:1fr 1fr}}@media(max-width:600px){main{padding:15px 14px 60px}.topbar{padding:0 14px;height:64px}.actions .ghost,.brand b{display:none}.discord-btn{font-size:12px;padding:9px 10px}.hero{padding-top:38px}.hero h1{font-size:47px}.hero p{font-size:16px}.price-grid,.server-grid{grid-template-columns:1fr}.searchbar{flex-direction:column}.searchbar button{width:100%}.kpis{grid-template-columns:1fr 1fr}footer{padding-inline:14px;display:block}}