@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#080d18;--panel:#101a2b;--panel2:#142239;--line:rgba(157,184,220,.14);--text:#edf4ff;--muted:#9aabc4;--blue:#61c4ff;--violet:#8976ff;--green:#55e0a0;--gold:#ffd27a;--radius:20px;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#1b3154 0,transparent 55%),var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(8,13,24,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font:700 1.2rem 'Space Grotesk';letter-spacing:-.04em}.brandmark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,var(--blue),var(--violet));color:#07111e;font-weight:700;box-shadow:0 8px 26px #4a9bdb33}.brand span{color:var(--blue)}.navlinks{display:flex;align-items:center;gap:26px;color:var(--muted);font-size:.94rem}.navlinks a:hover,.navlinks a.active{color:var(--text)}.navcta,.btn{border:1px solid #74caff55;background:linear-gradient(120deg,#54baff22,#8a76ff22);color:#eaf7ff;padding:11px 17px;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.2s}.navcta:hover,.btn:hover{transform:translateY(-2px);border-color:var(--blue);box-shadow:0 10px 30px #53bfff1c}.btn.primary{background:linear-gradient(110deg,#57c4ff,#8d7cff);border:0;color:#081321}.btn.subtle{background:#ffffff08;border-color:var(--line)}.mobile-toggle{display:none;background:none;color:var(--text);border:1px solid var(--line);padding:9px 12px;border-radius:10px}.hero{padding:92px 0 76px;text-align:center;position:relative;overflow:hidden}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid #67c5ff35;border-radius:99px;background:#63bfff0c;color:#a9dcff;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pulse{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 14px var(--green)}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(3.2rem,9vw,6.6rem);margin:24px 0 18px}h1 .gradient,.gradient{background:linear-gradient(100deg,#75d2ff,#a394ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:690px;margin:0 auto;color:var(--muted);font-size:1.13rem}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-meta{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:34px;color:#a8b8cf;font-size:.88rem}.hero-meta span{display:flex;align-items:center;gap:8px}.hero-meta b{color:var(--text)}.section{padding:68px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.kicker{color:var(--blue);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.section h2{font-size:clamp(2rem,4vw,3.1rem);margin:8px 0}.section-head p,.lead{color:var(--muted);max-width:620px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(145deg,#142239dd,#0d1728ee);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 16px 45px #0002}.card .icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#6bc8ff16;color:var(--blue);font-size:1.25rem;margin-bottom:18px}.card h3{font-size:1.2rem;margin:0 0 9px}.card p{color:var(--muted);margin:0;font-size:.95rem}.feature-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.feature-large{min-height:280px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 90% 10%,#7566ff30,transparent 35%),linear-gradient(145deg,#14243d,#0e1728)}.feature-large h3{font-size:2rem;max-width:440px}.tagrow{display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:.78rem;padding:6px 10px;border-radius:99px;border:1px solid var(--line);color:#c2d0e4;background:#ffffff06}.side-stack{display:grid;gap:16px}.mini-card{display:flex;gap:15px;align-items:flex-start}.mini-card .icon{flex:0 0 42px;margin:0}.server-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px}.server-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.server-card code,.ipbox code{font:600 1.05rem 'Space Grotesk';color:#bce8ff}.copy{border:1px solid #66c5ff55;color:#c9edff;background:#5bbdff12;padding:9px 13px;border-radius:10px;cursor:pointer;font-weight:700}.copy:hover{background:#5bbdff25}.callout{padding:28px;border:1px solid #7b8cff35;border-radius:var(--radius);background:linear-gradient(110deg,#54baff12,#8877ff12);display:flex;justify-content:space-between;align-items:center;gap:24px}.callout h3{font-size:1.55rem;margin:0 0 8px}.callout p{margin:0;color:var(--muted)}.page-hero{padding:64px 0 36px}.page-hero h1{font-size:clamp(2.8rem,7vw,4.8rem);margin:14px 0}.page-hero p{color:var(--muted);max-width:700px}.crumb{color:var(--muted);font-size:.88rem}.crumb a{color:var(--blue)}.join-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.join-card h2{font-size:1.7rem;margin:0 0 8px}.join-card p{color:var(--muted)}.ipbox{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;background:#070e1b;border:1px solid var(--line);border-radius:13px;margin:18px 0}.steps{counter-reset:step;display:grid;gap:12px}.step{display:flex;gap:13px;align-items:flex-start;color:var(--muted)}.step:before{counter-increment:step;content:counter(step);flex:0 0 28px;height:28px;border-radius:9px;background:#63c4ff18;color:var(--blue);display:grid;place-items:center;font-weight:700}.step b{color:var(--text)}.note{padding:14px 16px;border-left:3px solid var(--gold);background:#ffd27a0c;color:#c7d2e2;border-radius:0 10px 10px 0;font-size:.9rem}.searchbar{display:flex;gap:12px;margin:24px 0 16px}.searchbar input{width:100%;padding:14px 16px;background:#0c1626;border:1px solid var(--line);border-radius:12px;color:var(--text);outline:none}.searchbar input:focus{border-color:#69c9ff88}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter{padding:8px 12px;border-radius:99px;border:1px solid var(--line);background:#ffffff06;color:var(--muted);cursor:pointer}.filter.active{background:#62c4ff1b;color:#c9edff;border-color:#62c4ff66}.wiki-list{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.wiki-item{padding:20px;border:1px solid var(--line);border-radius:16px;background:#101b2c}.wiki-item h3{margin:0 0 7px;font-size:1.1rem}.wiki-item p{margin:0;color:var(--muted);font-size:.91rem}.wiki-item .category{font-size:.7rem;color:var(--blue);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.command{display:block;margin-top:12px;padding:10px 12px;background:#070e1a;border:1px solid #ffffff0d;border-radius:9px;color:#b9e7ff;font: .82rem ui-monospace,monospace;overflow-wrap:anywhere}.command small{display:block;color:#8294ad;font: .72rem 'DM Sans';margin-bottom:4px}.muted{color:var(--muted)}.footer{border-top:1px solid var(--line);padding:36px 0;margin-top:65px;color:var(--muted);font-size:.88rem}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:18px}.footer a:hover{color:var(--blue)}.empty{display:none;color:var(--muted);padding:24px;text-align:center}.tiny{font-size:.8rem;color:#8193ac}
@media(max-width:820px){.grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.join-layout{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:10px}.navlinks{display:none;position:absolute;top:76px;left:0;right:0;padding:18px 24px 24px;background:#0b1423;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.mobile-toggle{display:block}.navcta{display:none}}
@media(max-width:560px){.wrap{width:min(100% - 28px,var(--max))}.hero{padding:68px 0 52px}.grid,.server-strip,.wiki-list{grid-template-columns:1fr}.card{padding:20px}.section{padding:48px 0}.callout,.server-card{align-items:flex-start;flex-direction:column}.ipbox{align-items:flex-start;flex-direction:column;width:100%}.hero-meta{gap:12px}.page-hero{padding-top:42px}}