:root{--bg:#07060d;--line:rgba(177,174,235,.14);--text:#f5f3ff;--muted:#aaa6bb;--violet:#8d86ca}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
.space{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at 50% -10%,#211642 0,transparent 38%),radial-gradient(circle at 10% 70%,#160d2c 0,transparent 35%),linear-gradient(#07060d,#090711 60%,#05050a)}
.stars{position:absolute;inset:-30%;opacity:.2;background-image:radial-gradient(#fff .7px,transparent .9px),radial-gradient(#9f99d6 .7px,transparent .9px);background-size:77px 77px,131px 131px;animation:drift 70s linear infinite}
.nebula{position:absolute;width:60vw;height:60vw;left:50%;top:5%;transform:translateX(-50%);background:radial-gradient(circle,rgba(92,56,155,.18),rgba(43,25,81,.07) 42%,transparent 70%);filter:blur(28px)}
@keyframes drift{to{transform:translate(4%,3%)}}
main{width:min(1180px,calc(100% - 40px));margin:auto}.hero{min-height:92vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 0}
.banner{width:min(760px,92vw);filter:drop-shadow(0 18px 45px rgba(87,57,150,.28))}.eyebrow{font-size:.73rem;letter-spacing:.27em;font-weight:800;color:#aaa5d6;margin:26px 0 12px}
h1{font-size:clamp(2.5rem,7vw,5.6rem);letter-spacing:-.055em;line-height:.95;margin:0;background:linear-gradient(110deg,#fff,#bdb9df 55%,#7770b5);-webkit-background-clip:text;color:transparent}
.intro{max-width:620px;font-size:clamp(1rem,2vw,1.18rem);line-height:1.7;color:var(--muted);margin:24px auto}.scroll{margin-top:28px;text-decoration:none;color:#d8d5ef;border:1px solid var(--line);padding:13px 18px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.16em;background:rgba(255,255,255,.025)}
.servers{padding:80px 0 110px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-heading .eyebrow{margin:0 0 8px}.section-heading>p{color:#777387;font-size:.86rem}h2{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.04em;margin:0}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{padding:27px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(25,21,46,.84),rgba(10,9,19,.82));box-shadow:0 22px 70px rgba(0,0,0,.18);transition:.25s}.card:hover{transform:translateY(-4px);border-color:rgba(173,166,224,.28)}
.top{display:flex;justify-content:space-between;align-items:center}.icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(141,134,202,.1);border:1px solid var(--line);font-size:1.25rem}.status{font-size:.66rem;font-weight:900;letter-spacing:.12em;color:#8e899e}
.card h3{font-size:1.45rem;margin:25px 0 8px}.card>p{color:var(--muted);margin:0 0 25px;line-height:1.55}.card button{width:100%;display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;background:rgba(4,4,9,.42);color:#d8d5e7;padding:14px 15px;cursor:pointer}.card button span{overflow:hidden;text-overflow:ellipsis;font-family:Consolas,monospace}.card button b{font-size:.64rem;letter-spacing:.12em;color:#938dc6}
footer{border-top:1px solid var(--line);min-height:110px;display:flex;align-items:center;gap:12px;color:#716d80;font-size:.75rem;letter-spacing:.08em}footer img{width:34px;height:34px;object-fit:contain}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);padding:11px 16px;border-radius:999px;background:#e6e3f6;color:#171321;font-size:.78rem;font-weight:800;opacity:0;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:720px){main{width:calc(100% - 24px)}.hero{min-height:85vh}.grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.section-heading>p{margin:8px 0 0}footer{flex-wrap:wrap;justify-content:center;text-align:center;padding:25px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.stars{animation:none}}