:root{--discord:#5865f2;--discord-hover:#4752c4}
.hero-kicker{width:100%;max-width:590px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.hero .hero-kicker .eyebrow{margin:0}
.hero-live-pill{display:inline-flex;align-items:center;gap:7px;flex:none;padding:6px 10px;border:1px solid #ffffff24;border-radius:999px;background:#14171bdb;box-shadow:0 6px 22px #0004;color:#fff}
.hero-live-pill strong{font:800 18px/.9 'Barlow Condensed',sans-serif;color:#d4d5dc}
.hero-live-pill small{font-size:7px;font-weight:900;letter-spacing:1px;color:#a8a8ae}
.hero-live-dot{width:7px;height:7px;border-radius:50%;background:#8e9298;box-shadow:0 0 0 3px #ffffff0c}
.hero-live-pill.online{border-color:#8ccf8359;background:linear-gradient(100deg,#8ccf831a,#14171bdf 72%)}
.hero-live-pill.online strong{color:#b7f1aa}
.hero-live-pill.online .hero-live-dot{background:#8ccf83;box-shadow:0 0 12px #8ccf83a6}
.hero-live-pill.offline .hero-live-dot{background:#e37663;box-shadow:0 0 12px #e3766380}
.topbar{background:linear-gradient(180deg,#08090be8,#08090b4a)}
.nav-cta{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid #7e89ff8c;background:#5865f21c;color:#f5f6ff;box-shadow:0 4px 20px #5865f21b}
.nav-cta:hover{background:var(--discord);border-color:#8d96ff;color:#fff;box-shadow:0 7px 25px #5865f24a}
.nav-cta svg,.button-discord svg,.discord-note-icon svg{width:18px;height:18px;fill:currentColor;flex:none}
.nav-cta span{padding-left:3px;color:#dfe2ff}
.button-discord{position:relative;overflow:hidden;background:linear-gradient(120deg,#6975ff,var(--discord) 58%,#4854dc);border:1px solid #8992ff;color:#fff;box-shadow:0 10px 32px #5865f245, inset 0 1px #ffffff36}
.button-discord:hover{border-color:#aab0ff;box-shadow:0 12px 38px #5865f276,inset 0 1px #ffffff55}
.button-discord::after{content:"";position:absolute;inset:-100% auto -100% -35%;width:30%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,#ffffff30,transparent);transition:left .55s ease}
.button-discord:hover::after{left:120%}
.button-discord svg{width:19px;height:19px}
.hero-discord{width:min(100%,430px);display:flex;align-items:center;gap:12px;margin-top:20px;padding:11px 13px;border:1px solid #5865f253;background:linear-gradient(100deg,#5865f21c,#111315c9 75%);color:#e7e8f8}
.discord-note-icon{width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:9px;background:var(--discord);color:white;box-shadow:0 4px 18px #5865f24a}
.discord-note-icon svg{width:18px;height:18px}
.hero-discord>span:nth-child(2){display:grid;gap:3px;min-width:0}
.hero-discord b{font-size:10px;letter-spacing:.25px;color:#f6f6ff}
.hero-discord small{font-size:9px;line-height:1.5;color:#b5b6c4}
.hero-discord>a{margin-left:auto;padding:8px 10px;border-radius:5px;background:#5865f21c;color:#dce0ff;font-size:8px;font-weight:900;letter-spacing:.8px;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.hero-discord>a:hover{background:var(--discord);color:#fff}
.hero-ambient{background:radial-gradient(ellipse at 19% 83%,#c05d2630,transparent 42%),radial-gradient(ellipse at 91% 25%,#5865f210,transparent 34%),linear-gradient(180deg,transparent 62%,#0b0c0e 100%)}
.quick-links>a{transition:background .22s,transform .22s,border-color .22s}
.quick-links>a:hover{transform:translateY(-2px)}
.feature-card{box-shadow:0 12px 40px #00000012}
.join-banner{position:relative;overflow:hidden;box-shadow:0 18px 60px #0003}
.join-banner::after{content:"";position:absolute;right:-100px;top:-160px;width:320px;height:320px;border:1px solid #ffffff0c;border-radius:50%;box-shadow:0 0 0 35px #ffffff05,0 0 0 70px #ffffff03;pointer-events:none}
.join-banner .button-primary{background:var(--discord);border-color:#8790ff;color:white;box-shadow:0 8px 24px #5865f239}
.join-banner .button-primary:hover{background:var(--discord-hover);box-shadow:0 10px 30px #5865f263}
.join-banner .button-primary span{color:#fff}
@media(max-width:560px){.nav-cta{gap:6px;padding:9px 10px}.nav-cta svg{width:16px;height:16px}.hero-kicker{flex-wrap:wrap;gap:10px;margin-bottom:20px}.hero-actions{max-width:370px}.hero-discord{position:relative;z-index:2;width:calc(100% - 8px);margin-top:13px;padding:9px 10px;gap:9px}.discord-note-icon{width:29px;height:29px}.hero-discord b{font-size:9px}.hero-discord small{font-size:8px}.hero-discord>a{padding:8px}.join-banner::after{right:-180px}}
@media(prefers-reduced-motion:reduce){.button-discord::after{display:none}}