@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--background:#030712;--surface:#091430d1;--surface-strong:#0b1733;--border:#6893ff38;--primary:#3478ff;--primary-light:#72a5ff;--gold:#e6b84a;--text:#f5f8ff;--muted:#a9b5ce}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--background);min-width:320px;color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}:is(button:focus-visible,a:focus-visible){outline:3px solid var(--primary-light);outline-offset:4px}main{background:linear-gradient(#030712b8,#030712eb),linear-gradient(90deg,#3478ff09 1px,#0000 1px) 0 0/48px 48px,linear-gradient(#3478ff09 1px,#0000 1px) 0 0/48px 48px;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.ambient{filter:blur(110px);opacity:.18;pointer-events:none;border-radius:50%;width:38rem;height:38rem;position:absolute}.ambient-one{background:#175dff;top:-20rem;left:-10rem}.ambient-two{background:#273f91;bottom:-22rem;right:-18rem}.hero{z-index:1;text-align:center;width:min(940px,100% - 32px);margin:auto;padding:72px 0 48px;position:relative}.eyebrow{border:1px solid var(--border);color:#c9d7f5;letter-spacing:.08em;text-transform:uppercase;background:#10224a99;border-radius:999px;align-items:center;gap:9px;padding:8px 13px;font-size:.8rem;font-weight:600;display:inline-flex}.online-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #4ade80b8}h1{letter-spacing:-.06em;margin:24px 0 14px;font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,8vw,6.6rem);line-height:.96}h1 span{color:var(--primary-light);text-shadow:0 0 32px #3478ff57}.intro{max-width:650px;color:var(--muted);margin:0 auto 38px;font-size:clamp(1rem,2vw,1.16rem);line-height:1.7}.server-preview{text-align:left;background:linear-gradient(90deg,#0f1c3df5,#131f3de6),#111827;border:1px solid #7096f447;border-radius:12px;grid-template-columns:96px 1fr auto;align-items:center;gap:18px;width:100%;min-height:130px;padding:17px;display:grid;box-shadow:0 24px 80px #0000006b,inset 0 1px #ffffff0a}.server-icon{background:#061028;border-radius:3px;width:96px;height:96px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f}.server-icon img{width:100%;height:100%;image-rendering:pixelated;display:block}.server-name,.motd{text-shadow:2px 2px #101010;font-family:Space Grotesk,Inter,sans-serif}.server-name{margin-bottom:7px;font-size:1.5rem;font-weight:500}.motd{color:#f3f4f6;font-size:clamp(.92rem,2.2vw,1.2rem);line-height:1.5}.blue,.chevron{color:#3978ff}.purple{color:#bd55e8}.muted,.players{color:#aeb5c4}.server-status{align-self:start;align-items:center;gap:10px;padding-top:4px;font-family:Space Grotesk,sans-serif;display:flex}.players{white-space:nowrap;font-size:1rem}.signal{fill:#34e466;filter:drop-shadow(0 0 5px #34e46659);width:28px;height:22px}.connect{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;max-width:630px;margin:26px auto 0;padding:14px 14px 14px 22px;display:flex}.connect-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:.76rem;font-weight:600;display:block}.connect strong{letter-spacing:.01em;font-family:Space Grotesk,sans-serif;font-size:clamp(1.1rem,3vw,1.42rem)}.connect button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-width:132px;min-height:50px;font:600 .95rem Inter,sans-serif;transition:background .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 10px 30px #3478ff4d}.connect button:hover{background:#4b88ff;transform:translateY(-1px);box-shadow:0 12px 38px #3478ff6b}.connect button:active{transform:translateY(0)}.connect button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px}.hint{color:#77849e;margin:14px 0 0;font-size:.82rem}footer{z-index:1;color:#76839c;justify-content:center;gap:22px;padding:24px;font-size:.83rem;display:flex;position:relative}footer a{color:#a9b8d6;text-decoration:none}footer a:hover{color:#fff}@media (max-width:700px){.hero{padding-top:48px}.server-preview{grid-template-columns:72px 1fr;gap:13px;min-height:110px;padding:13px}.server-icon{width:72px;height:72px}.server-name{font-size:1.1rem}.server-status{margin-top:2px;position:absolute;right:28px}.players{display:none}.motd{font-size:.79rem;line-height:1.42}.connect{padding-left:16px}}@media (max-width:470px){.server-status{display:none}.connect{text-align:center;flex-direction:column;align-items:stretch;padding:16px}.connect button{width:100%}footer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}