:root{color-scheme:dark;--bg:#050b15;--text:#f4f7ff;--muted:#a4b3ce;--blue:#8ebaff;--line:rgba(166,192,235,.17)}
#rules-intro,.rules-grid p{white-space:pre-line}.rules-grid h3,.rules-grid p{overflow-wrap:anywhere}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled,[aria-disabled=true]{cursor:default;opacity:.55}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:6px}::selection{background:#91baff;color:#081222}.header{height:96px;position:absolute;z-index:2;top:0;width:100%;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:20px}.brand img{width:94px;height:78px;object-fit:contain;mix-blend-mode:screen}.brand span,.small-label{font-size:10px;letter-spacing:2.3px;color:#bac8df}.header nav{display:flex;gap:34px;font-size:13px;color:#c5d2e8}.header nav a:hover,footer a:hover{color:var(--blue)}.nav-join{font-size:12px;padding:10px 18px;border:1px solid #7690b8;border-radius:4px}.nav-join span{margin-left:18px}.hero{position:relative;min-height:850px;height:100svh;max-height:1100px;background:linear-gradient(90deg,rgba(3,9,21,.77),rgba(5,13,30,.2) 65%),url('assets/background.png') center 43%/cover no-repeat;display:flex;align-items:center;padding:140px 8% 120px}.hero:after{content:'';position:absolute;inset:auto 0 0;height:200px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.hero-content{position:relative;z-index:1;max-width:760px}.eyebrow{color:var(--blue);font-size:10px;font-weight:700;letter-spacing:3px;margin:0 0 26px}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:10px;box-shadow:0 0 14px #8ebaff}h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(60px,7.2vw,108px);font-weight:900;letter-spacing:1px;line-height:1.02;margin:0 0 26px}em{font-style:normal;color:var(--blue)}.intro{max-width:430px;color:#c4d0e4;font-size:16px;line-height:1.8;margin:0 0 32px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:50px;padding:12px 22px;border-radius:4px;font-weight:700;font-size:12px;border:1px solid transparent}.primary{background:#a6c8ff;color:#0b1b34}.primary:hover:not(:disabled):not([aria-disabled=true]){background:#c1d9ff}.secondary{border-color:#6781a7;background:rgba(10,23,46,.4)}.hero-bottom{position:absolute;z-index:1;bottom:40px;left:8%;right:8%;display:flex;justify-content:space-between;color:#afbdd4;font-size:9px;letter-spacing:2px}.hero-bottom a span{margin-left:20px;font-size:20px}.section{padding:100px 8%;max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:16px}h2{font-size:clamp(30px,3.2vw,46px);line-height:1.15;letter-spacing:-1.5px;margin:0}.section-heading>p{font-size:13px;color:var(--muted);margin:0}.server-card{display:flex;gap:26px;align-items:center;padding:34px;border:1px solid var(--line);border-radius:7px;background:linear-gradient(115deg,#111f35,#0b1424)}.server-icon{display:grid;place-items:center;flex-shrink:0;width:76px;height:86px;background:#182c49;border:1px solid #385274;color:var(--blue);font-family:Georgia,serif;font-size:29px}.server-info{flex:1}.server-info h3{font-size:23px;margin:5px 0 8px}.server-info p{color:var(--muted);font-size:13px;margin:0 0 17px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{padding:4px 9px;background:#1b2a42;border-radius:3px;color:#c1cde0;font-size:10px}.server-connect{display:flex;flex-direction:column;align-items:center;gap:13px}.availability{font-size:11px;color:#b6c5dc}.copy{border:0;background:none;font-size:11px;color:var(--blue)}[hidden]{display:none!important}.connection-hint{font-size:11px;color:#8494af;margin-top:16px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:68px}.feature-number{font-family:Georgia,serif;font-size:26px;color:#698cbf}.features h3{font-size:18px;margin:13px 0 10px}.features p,.community p,.rules p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.community{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr;gap:80px;background:radial-gradient(ellipse at 80% 40%,#152b4d 0%,transparent 60%)}.community p:not(.eyebrow){max-width:420px;margin:26px 0}.community .eyebrow{color:var(--blue);font-size:10px}.community-mark{display:flex;flex-direction:column;align-items:center;justify-content:center}.community-mark img{width:100%;max-width:340px;mix-blend-mode:screen}.community-mark span{font-size:9px;letter-spacing:3px;color:#92a5c4}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:48px}.rules-grid article{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:25px}.rules-grid article>span{color:#6989b6;font-size:12px}.rules-grid h3{font-size:16px;margin:0 0 12px}footer{border-top:1px solid var(--line);margin:0 8%;padding:34px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;color:#8395b2;font-size:11px}.footer-brand{font-weight:900;font-size:16px;color:#e5edfc;letter-spacing:1px}.footer-brand span{display:block;font-size:8px;letter-spacing:2px;font-weight:400;color:#8395b2}footer>div{display:flex;gap:22px}footer button{background:none;border:0;padding:0;font-size:11px;color:#8395b2}dialog{width:min(600px,90vw);padding:40px;background:#102039;color:var(--text);border:1px solid #405c83;border-radius:8px}dialog::backdrop{background:rgba(0,5,14,.8)}dialog h2{font-size:30px;margin-bottom:25px}#legal-content{white-space:pre-line;font-size:14px;color:#bac8df}.dialog-close{float:right;border:0;background:none;font-size:28px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#b4d0ff;color:#0a1930;border-radius:5px;z-index:5;opacity:0;pointer-events:none;max-width:90vw;font-size:13px}.toast.visible{opacity:1}
@media(min-width:1600px){.hero{background-position:center 40%}}@media(max-width:850px){.brand span{display:none}.header{height:80px}.header nav{gap:20px}.hero{min-height:760px;background-position:58% 40%;padding-left:6%;padding-right:6%}.section{padding:70px 6%}.section-heading{align-items:flex-start;flex-direction:column}.server-card{flex-wrap:wrap;padding:25px}.server-connect{width:100%;align-items:flex-start}.features{gap:25px}.community{gap:30px}.rules-grid{grid-template-columns:1fr}.hero-bottom{left:6%;right:6%}footer{flex-wrap:wrap}.hero-bottom>span{display:none}}
@media(max-width:550px){.header{padding:0 5%}.brand img{width:76px}.header nav{gap:14px;font-size:11px}.nav-join{display:none}.hero{min-height:750px;height:100svh;max-height:900px;background-position:55% 40%;padding-top:140px;align-items:flex-start}.hero-content .eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:clamp(46px,11.6vw,64px)}.intro{font-size:14px;max-width:320px}.button{padding:12px 16px;gap:15px}.hero-bottom{bottom:25px}.features{grid-template-columns:1fr;gap:28px;margin-top:45px}.features article{border-bottom:1px solid var(--line);padding-bottom:22px}.server-icon{width:52px;height:64px;font-size:22px}.server-card{gap:16px}.server-info{min-width:180px}.server-info h3{font-size:19px}.community{grid-template-columns:1fr}.community-mark img{max-width:230px}.community-mark{padding-top:10px}footer{margin:0 6%;gap:14px}footer>div{width:100%;flex-wrap:wrap;gap:20px}.section-heading>p br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}