:root{--bg:#0d0c12;--panel:#17151f;--panel2:#201d2a;--line:#332e40;--text:#f4f1f7;--muted:#96909f;--orange:#ff7625;--purple:#8d5cff;--green:#49d6a0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Manrope,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 70% 5%,#30205d 0,transparent 32%),linear-gradient(125deg,#0d0c12 35%,#151125 100%)}.bg-glow{position:fixed;filter:blur(100px);z-index:-1;opacity:.28;border-radius:50%}.bg-glow-one{width:360px;height:360px;background:#7134ff;right:0;top:280px}.bg-glow-two{width:260px;height:260px;background:#ff6421;left:0;top:480px}.site-header{height:78px;border-bottom:1px solid #272330;background:rgba(13,12,18,.8);backdrop-filter:blur(14px);display:flex;align-items:center;padding:0 max(28px,calc((100% - 1240px)/2));gap:60px}.brand{color:#fff;text-decoration:none;font:700 22px Unbounded;letter-spacing:-2px}.brand-mark{color:var(--orange)}nav{display:flex;gap:32px;flex:1}nav a,.header-actions button{color:var(--muted);text-decoration:none;font-weight:700}nav a.active,nav a:hover{color:#fff}.header-actions{display:flex;gap:18px;align-items:center}.lang,.menu{background:none;border:0;color:#fff!important}.lang span{color:var(--muted)}.outline-btn{border:1px solid var(--line);background:#211d2c;border-radius:8px;padding:11px 16px}.menu{display:none;font-size:20px}.container{max-width:1240px;margin:auto;padding:0 28px}.hero{min-height:400px;display:flex;align-items:center;overflow:hidden}.hero-copy{width:54%;position:relative;z-index:1}.eyebrow,.section-label{font-size:11px;letter-spacing:1.8px;color:var(--orange);font-weight:800}.eyebrow span,.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 14px var(--orange);margin-right:8px}h1{font:700 clamp(38px,5vw,68px) Unbounded;margin:20px 0;line-height:1.12;letter-spacing:-4px}h1 em{font-style:normal;color:var(--orange)}p{color:var(--muted);font-size:16px;line-height:1.7;max-width:490px}.hero-buttons{display:flex;gap:22px;align-items:center;margin-top:28px}.primary-btn,.filter-btn{background:var(--orange);color:#fff;padding:14px 20px;border-radius:8px;text-decoration:none;font-weight:800}.primary-btn b{margin-left:25px}.text-btn{color:#fff;text-decoration:none;font-weight:700}.hero-art{height:330px;flex:1;position:relative}.orb{position:absolute;border-radius:50%;border:1px solid #794cff66;box-shadow:0 0 70px #6c36d955,inset 0 0 50px #a064ff22}.orb-large{width:310px;height:310px;right:20px;top:15px;background:radial-gradient(circle,#8a4fff55 0,#2c1b5d44 40%,transparent 68%)}.orb-small{width:130px;height:130px;right:240px;top:30px;border-color:#ff762588}.hero-rune{font-size:180px;color:#ff762555;position:absolute;right:90px;top:65px}.hero-card{position:absolute;right:0;bottom:28px;background:#211d2cdd;border:1px solid #ffffff1a;border-radius:12px;padding:18px 22px;width:255px;box-shadow:0 15px 40px #0008}.hero-card strong{display:block;font-size:18px;margin:10px 0 5px}.hero-card span:not(.live-dot){color:var(--muted);font-size:12px}.hero-card>b{float:right;color:var(--orange);font-size:22px;margin-top:-20px}.live-dot{color:var(--green);font-size:10px}.stats{border-block:1px solid var(--line);display:flex;align-items:center;gap:70px;padding:22px 0}.stats div{display:flex;flex-direction:column;gap:4px}.stats strong{font-size:22px}.stats span{color:var(--muted);font-size:12px}.stats .updated{margin-left:auto;flex-direction:row;align-items:center}.stats .pulse{background:var(--green);box-shadow:0 0 12px var(--green)}.content{display:grid;grid-template-columns:250px 1fr;gap:48px;padding:60px 0}.sidebar{border-right:1px solid var(--line);padding-right:30px}.sidebar label{display:block;color:#c7c1d0;font-weight:700;margin:27px 0 9px}.select{background:var(--panel);padding:13px;border:1px solid var(--line);border-radius:7px;color:#fff}.select span{float:right;color:var(--muted)}.active-select{border-color:var(--orange)}.chips{display:grid;grid-template-columns:1fr 1fr;gap:7px}.chips button,.tabs button,.view-toggle button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 6px;border-radius:6px;font:600 11px Manrope}.chips button.selected,.tabs button.active{color:#fff;border-color:var(--orange);background:#3a211d}.filter-btn{border:0;width:100%;margin-top:28px;font:700 12px Manrope}.filter-btn span{float:right}.side-ad{margin-top:42px;min-height:190px;border-radius:10px;padding:18px;background:linear-gradient(145deg,#3b1767,#d94b21);display:flex;flex-direction:column;justify-content:flex-end}.side-ad small{color:#ffc38e;font-weight:800}.side-ad strong{font:700 20px Unbounded;line-height:1.35;margin:10px 0}.side-ad span{font-size:11px}.section-head{display:flex;justify-content:space-between;align-items:end}h2{font:700 25px Unbounded;margin:10px 0 24px}.view-toggle button{font-size:17px;padding:7px 10px}.view-toggle .active{background:var(--orange);color:#fff}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:15px}.tabs button{border:0;border-radius:0;padding:0 0 14px;font-size:12px}.tabs button.active{background:none;border-bottom:2px solid var(--orange);color:#fff}.tabs i{background:var(--orange);border-radius:8px;padding:2px 6px;font-style:normal;margin-left:5px}.server-card{display:flex;align-items:center;gap:16px;padding:15px 17px;margin:9px 0;border:1px solid transparent;border-radius:10px;background:var(--panel);transition:.2s}.server-card:hover,.server-card.featured{border-color:#7047a4;background:linear-gradient(90deg,#241b35,#17151f)}.rank{color:#777080;font:700 13px Unbounded;width:23px}.featured .rank{color:var(--orange)}.server-logo{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;color:#fff;font:700 21px Unbounded}.orange{background:#c44d1d}.violet{background:#6846bb}.blue{background:#28678c}.pink{background:#9a3c62}.server-info{flex:1}.server-title{font-weight:800;letter-spacing:.2px}.verified{color:var(--green);margin-left:5px}.tag{font-size:9px;padding:3px 6px;border-radius:4px;margin-left:8px}.hot{background:#592718;color:#ff9461}.vip{background:#44356c;color:#c4a7ff}.server-meta{display:flex;gap:18px;color:var(--muted);font-size:11px;margin-top:7px}.online{font-size:12px;color:#dbd7e1}.online span{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green)}.more{background:none;border:0;color:var(--muted);font-size:16px}.load-more{width:100%;margin-top:14px;padding:14px;background:transparent;border:1px dashed var(--line);color:var(--muted);border-radius:8px;font-weight:700}.load-more span{color:var(--orange);margin-left:15px}.announce{padding:35px 0 75px;position:relative}.announce>a{position:absolute;right:0;top:46px;color:var(--orange);font-weight:700;text-decoration:none}.dates{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.date-card{background:var(--panel);border:1px solid var(--line);padding:18px;display:flex;gap:15px;align-items:center;border-radius:9px}.date-card>span{font-size:9px;color:var(--orange);writing-mode:vertical-rl;transform:rotate(180deg)}.date-card>strong{font:700 30px Unbounded}.date-card div{display:flex;flex-direction:column;gap:5px;flex:1}.date-card small{color:var(--muted);font-size:11px}.date-card i{color:var(--orange)}footer{border-top:1px solid var(--line);padding:25px max(28px,calc((100% - 1240px)/2));display:flex;justify-content:space-between;color:var(--muted);font-size:11px}footer .brand{font-size:15px;color:#fff}
@media(max-width:800px){.site-header{padding:0 18px;gap:0;justify-content:space-between}nav,.outline-btn{display:none}.menu{display:block}.container{padding:0 18px}.hero{min-height:500px}.hero-copy{width:100%;align-self:center}.hero-art{position:absolute;opacity:.35;right:0}.stats{gap:20px;overflow:auto}.stats div{min-width:max-content}.stats .updated{display:none}.content{grid-template-columns:1fr;padding:38px 0}.sidebar{border:0;padding:0}.side-ad{display:none}.main-column{min-width:0}.tabs{gap:20px;overflow:auto}.tabs button{white-space:nowrap}.server-card{gap:10px;padding:12px 9px}.server-meta{gap:8px}.online{display:none}.dates{grid-template-columns:1fr}.announce>a{top:42px}footer{flex-direction:column;gap:14px;padding:25px 18px}}