@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--bg:#090a0e;--panel:#111218;--line:#242630;--muted:#8b8e9b;--text:#f5f5f7;--violet:#7857ff;--cyan:#2be4c8}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{background:radial-gradient(circle at 80% -20%,#35236c55,transparent 32%),var(--bg);min-height:100vh;margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.brand{align-items:center;gap:12px;font:600 18px Space Grotesk;display:flex}.brand>span{background:linear-gradient(145deg,var(--violet),#4530ae);clip-path:polygon(50% 0,100% 25%,90% 85%,50% 100%,10% 85%,0 25%);place-items:center;width:34px;height:34px;display:grid}.button{border:1px solid var(--line);color:#fff;cursor:pointer;background:#15161c;border-radius:10px;align-items:center;gap:16px;padding:12px 18px;font-weight:600;display:inline-flex}.button.primary{background:linear-gradient(120deg,var(--violet),#a44eff);border:0;box-shadow:0 8px 30px #7857ff38}.landing{max-width:1280px;margin:auto;padding:28px 42px;position:relative;overflow:hidden}.landing nav{justify-content:space-between;align-items:center;display:flex}.landing section{min-height:670px;padding-top:150px;position:relative}.landing h1{letter-spacing:-5px;max-width:950px;margin:16px 0 28px;font:600 clamp(48px,7vw,92px)/.98 Space Grotesk}.landing h1 em{color:#0000;-webkit-text-stroke:1px #9692ae;font-style:normal}.eyebrow{color:#a797ff;letter-spacing:2.2px;margin:0 0 10px;font-size:11px;font-weight:700}.lede{color:var(--muted);max-width:650px;font-size:18px;line-height:1.65}.actions{gap:12px;margin-top:34px;display:flex}.signal,.live{color:var(--muted);align-items:center;gap:8px;margin-top:35px;font-size:12px;display:flex}.signal i,.live i{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 12px var(--cyan);border-radius:50%}.feature-row{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.feature-row article{border-right:1px solid var(--line);padding:30px}.feature-row article>b{color:#696c79;font-size:11px}.feature-row h3{margin:30px 0 8px;font:600 22px Space Grotesk}.feature-row p{color:var(--muted);line-height:1.5}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.shell aside{border-right:1px solid var(--line);background:#0c0d11;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.shell aside>.eyebrow{margin:48px 10px 12px}.shell aside nav{flex-direction:column;gap:4px;display:flex}.shell aside nav a{color:#b3b5bf;border-radius:9px;align-items:center;gap:10px;padding:9px;font-size:14px;display:flex}.shell aside nav a:hover{color:#fff;background:#171820}.shell aside img,.shell aside nav b{background:#292b35;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.account{border-top:1px solid var(--line);gap:10px;margin-top:auto;padding-top:18px;font-size:13px;display:flex}.avatar{background:var(--violet);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.account a{color:var(--muted);margin-top:3px;font-size:11px;display:block}.workspace{width:100%;max-width:1500px;padding:48px 5vw 80px}.workspace header{justify-content:space-between;align-items:start;margin-bottom:38px;display:flex}.workspace h1{margin:0 0 8px;font:600 36px Space Grotesk}.workspace header p:not(.eyebrow){color:var(--muted);margin:0}.live{color:#7cebd9;background:#11231f;border:1px solid #1b493f;border-radius:20px;margin:0;padding:8px 12px}.server-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.server-card{border:1px solid var(--line);background:linear-gradient(145deg,#14151b,#0f1015);border-radius:14px;grid-template-columns:56px 1fr;gap:14px;padding:22px;transition:all .2s;display:grid;position:relative}.server-card:hover{border-color:#4e3ca1;transform:translateY(-2px)}.server-mark{background:linear-gradient(145deg,#553db9,#8468ff);border-radius:14px;place-items:center;width:52px;height:52px;font:600 22px Space Grotesk;display:grid}.server-card h2{margin:5px 0;font-size:17px}.server-card p{color:var(--muted);margin:0;font-size:13px}.server-card dl{border-top:1px solid var(--line);grid-column:1/-1;gap:35px;margin:8px 0 0;padding-top:17px;display:flex}.server-card dt{color:var(--muted);font-size:11px}.server-card dd{margin:4px 0 0;font-weight:600}.arrow{position:absolute;top:30px;right:22px}.empty{border:1px dashed var(--line);border-radius:14px;padding:40px}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:45px;display:grid}.stats article{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:18px}.stats span,.stats small{color:var(--muted);font-size:11px;display:block}.stats strong{margin:12px 0;font:600 27px Space Grotesk;display:block}.stats .healthy{color:var(--cyan);font-size:20px}.section-title{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.section-title h2,.settings h2{margin:0;font:600 24px Space Grotesk}.saved{color:#6ae4cd;background:#10231e;border:1px solid #285b4f;border-radius:8px;padding:8px 12px;font-size:12px}.module-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.module-card{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:12px;grid-template-columns:42px 1fr 42px;align-items:center;gap:14px;padding:17px;display:grid}.module-icon{color:#b9a9ff;background:#262231;border-radius:10px;place-items:center;width:40px;height:40px;font-size:11px;font-weight:700;display:grid}.module-card h3{margin:0 0 5px;font-size:14px}.module-card p,.module-card small{color:var(--muted);margin:0;font-size:11px}.module-card input{display:none}.toggle{background:#30313a;border-radius:15px;width:38px;height:22px;position:relative}.toggle:after{content:"";background:#838590;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px}.module-card input:checked+.toggle{background:var(--violet)}.module-card input:checked+.toggle:after{background:#fff;left:19px}.settings{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:end;gap:20px;margin-top:38px;padding:22px;display:flex}.settings h2{margin-right:auto}.settings label{color:var(--muted);font-size:11px}.settings input{color:#fff;border:1px solid var(--line);background:#0c0d11;border-radius:8px;margin-top:7px;padding:10px;display:block}@media (max-width:900px){.shell{grid-template-columns:1fr}.shell aside{display:none}.stats{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:1fr}.landing{padding:24px}.feature-row{grid-template-columns:1fr}.landing h1{letter-spacing:-2px}.settings{flex-direction:column;align-items:stretch}}
.nav-actions{align-items:center;gap:22px;font-size:13px;display:flex}.guide{max-width:1200px;margin:auto;padding:28px 40px 100px}.guide>nav{justify-content:space-between;align-items:center;display:flex}.guide-back{color:var(--muted);font-size:13px}.guide-hero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding:110px 0 55px;display:flex}.guide-hero h1{letter-spacing:-3px;margin:8px 0 20px;font:600 clamp(42px,6vw,70px)/1 Space Grotesk}.guide-hero h1 em{color:#aa96ff;font-style:normal}.guide-hero>div>p:last-child{color:var(--muted);font-size:17px}.requirement{background:#111e1c;border:1px solid #21463f;border-radius:12px;align-items:center;gap:12px;min-width:300px;padding:16px 18px;display:flex}.requirement i{background:var(--cyan);width:9px;height:9px;box-shadow:0 0 12px var(--cyan);border-radius:50%}.requirement strong,.requirement span{font-size:12px;display:block}.requirement span{color:var(--muted);margin-top:4px}.guide-layout{grid-template-columns:210px minmax(0,760px);gap:70px;padding-top:50px;display:grid}.guide-layout aside{flex-direction:column;align-self:start;gap:11px;display:flex;position:sticky;top:30px}.guide-layout aside a{color:var(--muted);text-transform:capitalize;font-size:13px}.guide-layout aside a:hover{color:#fff}.guide-content section{border-bottom:1px solid var(--line);margin-bottom:55px;padding:0 0 55px;scroll-margin-top:30px}.guide-content h2{margin:8px 0 18px;font:600 27px Space Grotesk}.guide-content p,.guide-content li,.problems dd{color:#afb1bb;font-size:14px;line-height:1.7}.step{color:#8e76f9;letter-spacing:2px;font-size:11px}.guide code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.guide pre{border:1px solid var(--line);color:#d8d1ff;background:#0d0e13;border-radius:12px;padding:20px;font-size:12px;line-height:1.65;overflow:auto}.callout{background:#171521;border:1px solid #372d5c;border-radius:11px;justify-content:space-between;gap:20px;margin-top:20px;padding:18px;font-size:13px;display:flex}.callout code{color:#b9a8ff}.note{border-left:2px solid var(--violet);padding-left:15px}.guide-content ol,.checklist{padding-left:20px}.guide-content li{padding:5px 0}.problems{gap:9px;display:grid}.problems div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}.problems dt{font-size:13px;font-weight:600}.problems dd{margin:5px 0 0}@media (max-width:800px){.nav-actions>a:first-child{display:none}.guide{padding:22px}.guide-hero{padding-top:70px;display:block}.requirement{min-width:0;margin-top:28px}.guide-layout{grid-template-columns:1fr;padding-top:35px}.guide-layout aside{display:none}.guide-hero h1{letter-spacing:-2px}.callout{flex-direction:column}}