@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#090c13;--card:#121722;--line:#252d39;--ink:#f5f7fb;--soft:#a2aaba;--muted:#707b8f;--accent:#b4fb4e;--a2:#77d9a0;--purple:#9c8bf5;font-family:'DM Sans',system-ui,Arial,sans-serif;color:var(--ink);color-scheme:dark;scroll-behavior:smooth}
*{box-sizing:border-box}body{background:var(--bg);margin:0;overflow-x:hidden}button,a{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.container{width:min(1200px,calc(100% - 64px));margin-inline:auto}.glow{position:absolute;z-index:-1;pointer-events:none;filter:blur(70px);opacity:.45}.glow-one{width:550px;height:500px;border-radius:50%;background:radial-gradient(circle,#1d4936 5%,transparent 69%);top:80px;right:-100px}.glow-two{width:450px;height:330px;background:radial-gradient(circle,#2c265f,transparent 70%);top:460px;left:-270px}.topbar{border-bottom:1px solid #222633;background:#0c1017ee;position:relative;z-index:10}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{font-size:18px;letter-spacing:1.1px;font-weight:800;white-space:nowrap;display:flex;align-items:center;gap:12px}.brand-light{color:var(--accent)}.brandmark{width:29px;height:30px;display:grid;grid-template-columns:repeat(3,6px);align-items:end;gap:3px;transform:skewY(-12deg)}.brandmark span{display:block;background:var(--accent);border-radius:1px}.brandmark span:nth-child(1){height:13px}.brandmark span:nth-child(2){height:27px}.brandmark span:nth-child(3){height:20px}.navlinks{display:flex;gap:36px;font-size:13px;color:#a3acb9;font-weight:700}.navlinks a:hover,.navlinks .navactive{color:var(--accent)}.nav-discord{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:800;border:1px solid #353d4c;padding:11px 16px;border-radius:8px;transition:background .2s}.nav-discord:hover{background:#252d39}.nav-discord svg{width:17px;height:17px}.nav-discord .arrow{font-size:16px;color:var(--accent)}.hero{min-height:616px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;position:relative;padding-top:16px;padding-bottom:32px}.eyebrow,.section-label{color:var(--accent);font-size:11px;letter-spacing:2.3px;font-weight:800}.eyebrow{display:flex;align-items:center;gap:12px}.pulse{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 18px var(--accent)}.divider-dot{color:#55606e}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:clamp(66px,8vw,112px);line-height:.85;margin:27px 0 22px;letter-spacing:-1.5px}.gradient-text{color:var(--accent);background:linear-gradient(90deg,#c2ff55,#7ee3ac);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.period{color:var(--accent)}.hero-desc{font-size:15px;line-height:1.9;color:#a9b2c0;max-width:465px}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:29px;white-space:nowrap;font-weight:800;font-size:12px;padding:16px 21px;border-radius:6px;transition:transform .18s,filter .18s,background .18s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn span{font-size:17px}.btn-primary{background:var(--accent);color:#151c0c}.btn-outline{border-color:#3a4350;color:#e6ecf5}.btn-outline:hover{background:#1d2531}.hero-statline{display:flex;align-items:center;gap:16px;margin-top:46px;font-size:11px;color:#8894a4}.hero-statline strong{color:#dce4f0}.mini-avatars{display:flex;padding-left:8px}.mini-avatars i{width:28px;height:28px;border-radius:50%;background:#283747;border:2px solid var(--bg);display:grid;place-items:center;font-style:normal;margin-left:-8px;font-size:13px}.mini-avatars i:nth-child(2){background:#43405c}.mini-avatars i:nth-child(3){background:#3d4935}.hero-right{height:530px;position:relative;display:flex;align-items:center;justify-content:center}.hero-right:before{content:"";position:absolute;width:80%;height:80%;border-radius:50%;background:radial-gradient(circle,#4d84614a 0,transparent 65%);filter:blur(24px)}.orbit{position:absolute;border:1px solid #37554b55;border-radius:50%;width:370px;height:370px;transform:rotate(-20deg) scaleY(.68)}.orbit-b{width:470px;height:470px;border-style:dashed;border-color:#51644a33;transform:rotate(20deg) scaleY(.68)}.holo-base{width:270px;height:355px;position:relative;filter:drop-shadow(15px 35px 20px #0008);transform:rotate(-8deg)}.holo-shadow{position:absolute;bottom:0;left:-30px;width:330px;height:100px;border-radius:50%;background:#b4fb4e1c;filter:blur(25px)}.holo-top{position:absolute;top:22px;left:40px;width:185px;height:300px;transform:skewY(6deg) rotate(2deg);background:linear-gradient(135deg,#374c55,#121c2a 75%);border:3px solid #648573;border-radius:19px;box-shadow:inset 0 0 20px #a5fb5b15,18px 14px 0 #152831,28px 18px 0 #243a41,0 0 60px #b4fb4e33;display:flex;align-items:center;justify-content:center}.server-rack{background:#0a1520;border:2px solid #53656e;width:145px;height:264px;border-radius:11px;padding:13px 9px;box-shadow:inset 0 0 18px #000a}.rack-top{height:19px;display:flex;gap:5px}.rack-top i{display:block;width:6px;height:6px;background:#a7eb61;border-radius:50%;box-shadow:0 0 10px #b4fb4e}.rack-top i:nth-child(2){background:#7ad1c3}.rack-top i:nth-child(3){background:#65748d}.rack-level{height:44px;border:1px solid #435766;border-radius:4px;background:linear-gradient(90deg,#223546,#122333);margin-bottom:7px;padding:10px;display:flex;align-items:center;gap:6px;box-shadow:inset 0 1px 0 #738c8d66}.rack-level b{width:41px;height:4px;background:repeating-linear-gradient(90deg,#65798a 0 5px,transparent 5px 8px);margin-right:auto}.rack-level span{width:5px;height:5px;border-radius:50%;background:#c3fc66;box-shadow:0 0 10px #b4fb4e}.rack-level span:last-child{background:#6ca6bd}.rack-foot{height:4px;width:60%;margin:10px auto;background:#647887;border-radius:9px}.floating-info{position:absolute;z-index:3;background:#17232aca;border:1px solid #40564b;border-radius:8px;backdrop-filter:blur(12px);box-shadow:0 15px 32px #0006}.info-top{right:5px;top:118px;padding:14px 18px;display:flex;align-items:center;gap:10px;font-size:9px;font-weight:800;letter-spacing:1.3px;color:#cdf7c4}.info-dot{width:7px;height:7px;background:#b4fb4e;border-radius:50%;box-shadow:0 0 14px #b4fb4e}.info-bottom{left:5px;bottom:105px;padding:14px 21px;display:flex;align-items:center;gap:16px;font-size:10px;line-height:1.6;color:#819ca0;letter-spacing:1px}.info-bottom strong{color:#e4fbeb}.graphic-bars{display:flex;align-items:end;height:29px;gap:4px}.graphic-bars i{width:5px;background:var(--accent);height:13px;border-radius:2px}.graphic-bars i:nth-child(2){height:23px}.graphic-bars i:nth-child(3){height:16px}.graphic-bars i:nth-child(4){height:29px}.graphic-bars i:nth-child(5){height:20px}.hero-cross{position:absolute;color:#9dbc7277;font-size:24px}.cross-one{top:44px;left:80px}.cross-two{bottom:54px;right:70px}.servers-section{padding:58px 0 88px;border-top:1px solid #1d2630}.section-topline{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-label{margin:0 0 14px}.section-topline h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(44px,5.3vw,65px);margin:0;line-height:1;letter-spacing:.1px}.section-topline h2>span{color:#98a7b5}.section-description{font-size:13px;color:#8390a0;margin-top:18px}.live-readout{display:flex;align-items:center;gap:12px;border:1px solid #2c3641;background:#131b22;padding:12px 15px;border-radius:7px}.live-indicator{display:block;width:8px;height:8px;border-radius:50%;background:#ffc86a;box-shadow:0 0 13px #ffc86a55}.live-indicator.live{background:#b4fb4e;box-shadow:0 0 14px #b4fb4e}.live-indicator.error{background:#ff8178;box-shadow:0 0 12px #ff8178}.live-readout strong{display:block;font-size:10px;letter-spacing:1px}.live-readout small{display:block;margin-top:5px;font-size:10px;color:#8c9eaf}.section-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:36px 0 20px}.tabs{display:flex;gap:8px}.tab{background:transparent;color:#8d99aa;font-size:12px;border:1px solid transparent;border-radius:6px;padding:11px 16px;font-weight:700}.tab.selected{background:#263329;border-color:#47663d;color:var(--accent)}.tab span{margin-left:7px;font-size:10px;color:#bcfa8b}.refresh{display:flex;align-items:center;gap:9px;background:transparent;border:0;color:#acb7c4;font-size:12px}.refresh svg{width:17px;height:17px}.refresh-caption{color:#5e6b7b;font-size:10px}.refresh.spinning svg{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.server-card{background:#141b25;border:1px solid #2a3543;border-radius:10px;overflow:hidden;min-width:0;position:relative;transition:transform .2s,border-color .2s}.server-card:hover{transform:translateY(-4px);border-color:#688765}.card-banner{height:145px;position:relative;overflow:hidden;isolation:isolate}.card-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 10%,#131a25 100%)}.banner-sigil{position:absolute;right:5px;top:-40px;font-size:165px;font-weight:900;opacity:.15;transform:rotate(-13deg);font-family:'Barlow Condensed',sans-serif;z-index:-0;line-height:1;user-select:none}.banner-lines{position:absolute;inset:0;opacity:.38;background:repeating-linear-gradient(115deg,transparent 0 22px,#ffffff10 23px,#ffffff10 24px,transparent 25px 49px)}.card-status{position:absolute;top:17px;left:19px;background:#121a20e8;border:1px solid #4b6455;border-radius:4px;padding:7px 9px;font-size:9px;font-weight:800;letter-spacing:1px;z-index:2;color:#c5f9b2}.card-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a8f36d;margin-right:7px}.card-status.offline,.card-status.unknown{color:#a8b1bf;border-color:#55606f}.card-status.offline i,.card-status.unknown i{background:#83909a}.card-title-tag{position:absolute;left:19px;bottom:14px;z-index:2;font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:#cdd9e4;font-weight:800}.card-content{padding:18px 19px 19px}.card-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:29px;line-height:1.1;margin:0 0 5px;font-weight:800}.card-subtitle{font-size:11px;color:#99a6b4;margin:0;min-height:30px}.card-rule{height:1px;background:#2e3642;margin:18px 0}.card-stats{display:flex;gap:16px;align-items:center;justify-content:space-between}.meta-title{font-size:9px;color:#69788a;letter-spacing:1px;text-transform:uppercase;font-weight:800;display:block;margin-bottom:6px}.meta-value{font-size:12px;color:#d8e1eb;font-weight:800}.meta-value.faded{color:#7f8d9d}.player-track{height:4px;background:#303b43;border-radius:8px;overflow:hidden;margin-top:10px}.player-track>span{display:block;height:100%;background:linear-gradient(90deg,#76de9f,#c2fd62);border-radius:8px}.address-group{display:flex;gap:9px;align-items:center;margin-top:20px}.server-address{background:#0c131c;border:1px solid #293342;border-radius:6px;flex:1;min-width:0;padding:13px 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:#c1d0de;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{padding:12px;background:#b4fb4e;color:#1c2918;border:0;border-radius:6px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:900;white-space:nowrap}.copy-btn:disabled{opacity:.4;cursor:not-allowed}.copy-btn svg{width:14px;height:14px}.list-foot{display:flex;justify-content:space-between;gap:16px;margin-top:18px;font-size:10px;color:#748396}.asterisk{font-size:14px;color:var(--accent)}.empty-state{padding:55px 30px;border:1px dashed #435064;border-radius:10px;color:#93a0b3;text-align:center;grid-column:1/-1}.steps-section{padding:30px 0 110px}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:37px}.step{border-top:1px solid #3a4552;padding:22px 6px 0}.step-num{color:var(--accent);font-size:12px;font-weight:800;display:flex;justify-content:space-between}.step-num span{color:#5c6a75}.step-icon{margin-top:29px;color:#c2fc70;font-size:32px;height:44px}.step h3{font-family:'Barlow Condensed',sans-serif;font-size:29px;margin:13px 0}.step p{font-size:13px;line-height:1.8;color:#9faabd;max-width:300px}.community-section{padding:0 0 105px}.community-card{border:1px solid #5d7345;min-height:290px;background:radial-gradient(ellipse at 25% 50%,#293c2e 0,#1b2823 45%,#14201c 100%);border-radius:12px;display:grid;grid-template-columns:1fr 1.12fr;overflow:hidden}.community-illustration{display:flex;align-items:center;justify-content:center;position:relative;min-height:260px}.community-illustration span:nth-child(1){font-size:170px;color:#a5ef7860;position:absolute;transform:rotate(22deg)}.community-illustration span:nth-child(2){font-size:230px;color:#adf887a8;transform:rotate(-19deg)}.community-illustration span:nth-child(3){font-size:80px;color:#d0fca5b0;position:absolute;right:14%;bottom:5%}.community-copy{padding:35px 28px 36px 16px}.community-copy h2{font-family:'Barlow Condensed',sans-serif;font-size:49px;line-height:.98;margin:16px 0}.community-copy h2 span{color:var(--accent)}.community-copy>p:not(.section-label){font-size:12px;line-height:1.8;color:#c0cfc5;max-width:435px;margin-bottom:23px}.btn-light{background:var(--accent);color:#1a2813}.btn-light[aria-disabled=true]{opacity:.7;pointer-events:none}footer{border-top:1px solid #222b35;background:#0d1119}.footer-inner{min-height:100px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#6e7c8a;font-size:11px}.footer-brand{font-size:15px}.toast{position:fixed;z-index:20;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;transition:all .22s ease;background:#d1ffa2;color:#162617;padding:13px 20px;border-radius:7px;font-weight:800;font-size:12px;pointer-events:none}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:1000px){.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:clamp(61px,8vw,85px)}.floating-info.info-top{right:-12px}.floating-info.info-bottom{left:-15px}}@media(max-width:750px){.container{width:calc(100% - 36px)}.nav{height:70px}.navlinks{display:none}.nav-discord{padding:10px}.hero{grid-template-columns:1fr;padding-top:65px;min-height:0}.hero-right{height:340px;transform:scale(.77);margin:-30px 0 -20px}.hero h1{font-size:clamp(65px,15vw,93px)}.hero-statline{margin-top:30px}.section-topline{align-items:start}.server-grid{grid-template-columns:1fr 1fr}.community-card{grid-template-columns:1fr}.community-illustration{display:none}.community-copy{padding:34px}.footer-inner{flex-wrap:wrap;padding:22px 0}.refresh-caption{display:none}}@media(max-width:580px){.brand{font-size:14px}.brandmark{transform:skewY(-12deg) scale(.8);margin-right:-6px}.nav-discord span:not(.arrow){display:none}.hero{padding-top:48px}.hero h1{font-size:clamp(59px,15vw,82px);margin-top:26px}.hero-actions{gap:9px}.btn{gap:12px;padding:14px 13px}.hero-desc{font-size:13px}.hero-right{height:265px;transform:scale(.6);margin:-40px 0 -40px}.servers-section{padding-top:50px}.section-topline{flex-direction:column;gap:16px}.live-readout{align-self:flex-start}.section-toolbar{margin:25px 0 15px}.tabs{gap:0}.tab{padding:10px 9px;font-size:11px}.refresh{font-size:11px}.server-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr;gap:25px}.steps-section{padding-bottom:65px}.step-icon{margin-top:10px}.step h3{margin:8px 0}.community-copy h2{font-size:44px}.list-foot{flex-direction:column}.footer-inner{flex-direction:column;align-items:flex-start;gap:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}