.hero{position:relative;min-height:calc(100vh - 78px);display:grid;align-items:center;overflow:hidden;padding:80px 20px}.hero-inner{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:1fr;gap:50px;align-items:center;position:relative;z-index:2}.hero-kicker{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:999px;color:#9aa7b8;font-size:10px;letter-spacing:.15em;font-weight:900}.hero-kicker b{color:var(--green);font-size:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px var(--green)}.hero h1{font:700 clamp(48px,8vw,100px)/.88 "Space Grotesk";letter-spacing:-.07em;margin:24px 0 20px}.hero h1 span{background:linear-gradient(90deg,var(--blue),#a78bfa,var(--red));-webkit-background-clip:text;background-clip:text;color:transparent}.hero h2{font:600 clamp(28px,4vw,48px)/1.03 "Space Grotesk";letter-spacing:-.045em;margin:0 0 20px}.hero h2 span{color:#9ca9ba}.hero-copy>p{max-width:620px;color:var(--muted);font-size:16px}.hero-actions{display:flex;gap:10px;margin-top:30px}.hero-btn{display:inline-flex;align-items:center;gap:18px;min-height:49px;padding:0 17px;border-radius:13px;border:1px solid var(--line);font-size:13px;font-weight:800;transition:.2s}.hero-btn b{font-size:15px}.hero-btn:hover{transform:translateY(-2px)}.hero-btn-primary{background:linear-gradient(135deg,#1597d0,#2563eb);border-color:rgba(56,189,248,.42);box-shadow:0 15px 45px rgba(37,99,235,.2)}.hero-btn-secondary{background:rgba(255,255,255,.04)}.hero-stats{display:flex;gap:25px;margin-top:35px;color:#647286;font-size:10px}.hero-stats span{display:flex;align-items:center;gap:7px}.hero-stats b{color:#aab5c5}.hero-art{position:relative;min-height:480px;display:grid;place-items:center}.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid rgba(56,189,248,.12);border-radius:50%;inset:11%;box-shadow:0 0 90px rgba(56,189,248,.06)}.hero-art:after{inset:23%;border-color:rgba(251,77,103,.1);animation:spin 22s linear infinite}.hero-art img{width:min(330px,70%);aspect-ratio:1;object-fit:cover;border-radius:30%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 80px rgba(56,189,248,.13),0 30px 100px rgba(0,0,0,.55);position:relative;z-index:2}.art-glow{position:absolute;width:250px;height:250px;background:linear-gradient(135deg,var(--blue),var(--red));filter:blur(100px);opacity:.16}.art-caption{position:absolute;right:0;bottom:65px;z-index:3;display:grid;padding:12px 14px;border:1px solid var(--line);background:rgba(8,11,17,.8);backdrop-filter:blur(15px);border-radius:13px}.art-caption span{font-size:8px;letter-spacing:.18em;color:#667286}.art-caption b{font-size:11px;margin-top:2px}.hero-orbit{position:absolute;width:720px;height:720px;border:1px solid rgba(255,255,255,.025);border-radius:50%;right:-180px;top:50%;transform:translateY(-50%)}.hero-scan{position:absolute;left:0;right:0;top:35%;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.2),transparent);animation:scan 6s ease-in-out infinite}.section{width:min(1180px,calc(100% - 32px));margin:auto;padding:105px 0}.servers-section{padding-top:65px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-heading.centered{display:block;text-align:center}.section-label{font-size:9px;letter-spacing:.2em;color:#657286;font-weight:900}.section-heading h2{font:600 clamp(30px,4vw,48px)/1 "Space Grotesk";letter-spacing:-.05em;margin:10px 0}.section-heading h2 span{color:var(--blue)}.section-heading p{color:var(--muted);max-width:600px;margin:0}.section-link{font-size:12px;color:#9ca9ba;font-weight:800}.server-list{display:grid;gap:12px}.server-card{display:flex;align-items:center;gap:28px;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(16,23,34,.94),rgba(8,12,18,.94));box-shadow:0 20px 60px rgba(0,0,0,.2);transition:.25s}.server-card:hover{transform:translateY(-3px);border-color:rgba(56,189,248,.25)}.server-main{flex:1;min-width:0}.server-status{display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:900;color:#778498}.status-dot{width:7px;height:7px;border-radius:50%;background:#f59e0b;box-shadow:0 0 10px rgba(245,158,11,.7)}.status-dot.online{background:var(--green);box-shadow:0 0 12px rgba(53,208,127,.7)}.status-dot.offline{background:var(--red);box-shadow:0 0 12px rgba(251,77,103,.65)}.server-main h3{font:600 21px/1.2 "Space Grotesk";margin:9px 0 5px;word-break:break-word}.server-main p{margin:0;color:#778498;font-size:12px}.online-line{display:flex;justify-content:space-between;margin-top:17px;font-size:10px;color:#657286}.online-line strong{color:#dbe3ed}.progress{height:5px;margin-top:7px;border-radius:999px;background:#05080d;overflow:hidden}.progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--accent),var(--red));transition:width .45s}.server-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.action{min-height:39px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#b8c3d1;font-size:11px;font-weight:800;cursor:pointer}.action.primary{background:linear-gradient(135deg,#7c3aed,#2563eb);border-color:rgba(139,92,246,.35);color:#fff}.empty-state{padding:45px;text-align:center;border:1px dashed var(--line);border-radius:20px;color:#778498}.empty-state strong,.empty-state span{display:block}.empty-state strong{color:#dbe3ed;margin-bottom:4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-grid article{min-height:210px;padding:25px;border:1px solid var(--line);border-radius:20px;background:rgba(12,17,25,.75);position:relative;overflow:hidden}.feature-grid article:after{content:"";position:absolute;width:130px;height:130px;right:-50px;bottom:-50px;border-radius:50%;background:var(--blue);filter:blur(65px);opacity:.07}.feature-grid span{font:700 10px "Space Grotesk";color:#68768a}.feature-grid h3{font:600 22px "Space Grotesk";margin:30px 0 9px}.feature-grid p{color:var(--muted);font-size:13px;margin:0}.statistics-section{padding-top:40px}.statistics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(16,23,34,.92),rgba(8,12,18,.92));padding:20px}.stat-title{display:flex;align-items:center;gap:11px;padding-bottom:15px;border-bottom:1px solid var(--line)}.stat-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:11px;font-weight:900}.stat-icon.red{background:rgba(251,77,103,.1);color:var(--red)}.stat-icon.blue{background:rgba(56,189,248,.1);color:var(--blue)}.stat-icon.green{background:rgba(53,208,127,.1);color:var(--green)}.stat-title b,.stat-title small{display:block}.stat-title b{font-size:13px}.stat-title small{font-size:10px;color:#657286;margin-top:2px}.stat-list{margin-top:3px}.stat-row{display:grid;grid-template-columns:27px 34px 1fr auto;gap:8px;align-items:center;min-height:51px;border-bottom:1px solid rgba(255,255,255,.045);font-size:11px}.stat-row>span{color:#657286;font-weight:800}.stat-row img{width:30px;height:30px;border-radius:9px;object-fit:cover}.stat-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-row strong{color:#aab5c5}.stat-empty{padding:25px 0;text-align:center;color:#657286;font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{50%{opacity:.25;transform:translateY(130px)}}@media(max-width:850px){.hero-inner{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-stats{justify-content:center}.hero-art{min-height:330px}.art-caption{right:8%;bottom:25px}.feature-grid,.statistics-grid{grid-template-columns:1fr}.server-card{align-items:stretch;flex-direction:column}.server-actions{justify-content:stretch}.server-actions>*{flex:1}.section-heading{align-items:start;flex-direction:column}.section-link{margin-top:-10px}}@media(max-width:520px){.hero{padding:55px 14px}.hero h1{font-size:clamp(48px,16vw,72px)}.hero-stats{display:grid;gap:8px}.hero-actions{flex-direction:column}.hero-btn{width:100%;justify-content:space-between}.hero-art{min-height:280px}.hero-art img{width:190px}.section{width:calc(100% - 28px);padding:75px 0}.server-card{padding:17px}.server-actions{display:grid;grid-template-columns:1fr}.server-actions>*{width:100%}}
.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-stats{justify-content:center}.hero-orbit{right:auto;left:50%;transform:translate(-50%,-50%)}@media(max-width:520px){.hero-stats{justify-items:center}}