:root{--c-blue:#149cff;--c-red:#ff244b;--c-cyan:#5cd7ff;--c-line:rgba(126,187,222,.18)}
.community-world{background:#020409;color:#eef8ff}.community-world:before{background:radial-gradient(circle at 50% 40%,transparent 42%,rgba(0,0,0,.7) 100%)}.community-world #code-rain{opacity:.08}.community-header{background:linear-gradient(to bottom,rgba(2,4,9,.98),rgba(2,4,9,.75),transparent)}.community-header.scrolled{background:rgba(2,4,9,.96);border-color:var(--c-line)}.community-world .brand-mark{border-color:#a7d5ed;color:#eefaff;box-shadow:inset 0 0 18px rgba(20,156,255,.12),0 0 20px rgba(255,36,75,.08)}.community-world .brand-copy small{color:#577183}.community-world .nav a{color:#8ea6b5}.community-world .nav a:after{background:linear-gradient(90deg,var(--c-blue),var(--c-red))}.community-back{border-color:#294d63;color:#b8e7ff}.community-back:hover{background:#d7f3ff;color:#031019}
.community-hero{position:relative;min-height:750px;padding:150px 0 105px;overflow:hidden;background:radial-gradient(circle at 73% 38%,rgba(20,156,255,.14),transparent 28%),radial-gradient(circle at 76% 61%,rgba(255,36,75,.11),transparent 25%),linear-gradient(120deg,rgba(6,29,50,.43),transparent 48%)}.community-hero:after{content:"";position:absolute;inset:auto -10% 0;height:1px;background:linear-gradient(90deg,transparent,var(--c-blue),var(--c-red),transparent);opacity:.4}.community-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:70px;align-items:center}.community-breadcrumb{display:inline-block;margin-bottom:28px;color:#607d91;text-decoration:none;font-size:8px;letter-spacing:.16em}.community-breadcrumb strong{color:#d9edf8}.community-kicker{margin:0 0 21px;color:#82c9e9;font-size:9px;font-weight:800;letter-spacing:.18em}.community-kicker span{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#5bd3ff;box-shadow:0 0 14px #2daaff}.community-hero h1{margin:0;font:clamp(60px,6.7vw,104px)/.86 var(--display);text-transform:uppercase}.community-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #a8dff8;text-shadow:17px 0 36px rgba(255,36,75,.15),-17px 0 36px rgba(20,156,255,.18)}.community-lead{max-width:670px;margin:29px 0 0;padding-left:20px;border-left:1px solid #286b90;color:#9ab2c1;font-size:15px;line-height:1.75}.community-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.community-button{min-height:54px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid rgba(255,36,75,.38);color:#ff9aaf;text-decoration:none;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.community-button-primary{border-color:#2b769d;background:#65cff7;color:#03121b}.community-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(20,156,255,.11)}.community-button b{font-size:16px}.community-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.community-trust-row div{padding-top:12px;border-top:1px solid var(--c-line)}.community-trust-row span,.community-trust-row strong{display:block}.community-trust-row span{color:#526e80;font-size:6px;letter-spacing:.16em}.community-trust-row strong{margin-top:6px;color:#9bbaca;font-size:8px}
.community-network{position:relative;min-height:500px;display:grid;place-items:center}.community-network:before{content:"";position:absolute;inset:15%;background:radial-gradient(circle,rgba(81,185,240,.12),transparent 58%);filter:blur(8px)}.community-orbit{position:absolute;border:1px solid rgba(102,191,237,.18);border-radius:50%}.orbit-a{width:405px;height:405px}.orbit-b{width:295px;height:295px;border-style:dashed;animation:cSpin 26s linear infinite}.community-core{position:relative;z-index:2;width:155px;height:155px;display:grid;place-content:center;text-align:center;border-radius:50%;border:1px solid rgba(126,212,255,.52);background:radial-gradient(circle at 34% 25%,#122b3d,#040a12 68%);box-shadow:0 0 55px rgba(20,156,255,.16),20px 0 60px rgba(255,36,75,.08)}.community-core span{font:40px/.8 var(--display)}.community-core strong{font:16px/1 var(--display);letter-spacing:.12em;color:#71cdf8}.community-core small{margin-top:11px;color:#536f80;font-size:6px;letter-spacing:.16em}.network-satellite{position:absolute;z-index:3;min-width:100px;padding:12px;border:1px solid var(--c-line);background:#040a12;color:#8fb8cd;text-align:center;font-size:7px;font-weight:800;letter-spacing:.13em;box-shadow:0 12px 35px rgba(0,0,0,.38)}.satellite-discord{left:1%;top:25%;border-color:rgba(88,101,242,.48)}.satellite-twitch{right:2%;top:20%;border-color:rgba(145,70,255,.48)}.satellite-kick{right:4%;bottom:16%;border-color:rgba(83,252,24,.4)}.satellite-social{left:5%;bottom:14%;border-color:rgba(255,36,75,.42)}
.community-status-strip{overflow:hidden;border-block:1px solid var(--c-line);background:#03070d}.community-status-strip>div{min-height:49px;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#607d8f;font-size:8px;font-weight:800;letter-spacing:.14em}.community-status-strip i{color:#315266;font-style:normal}.community-channels,.community-live{padding:110px 0}.community-section-head{display:grid;grid-template-columns:1.08fr .7fr;gap:70px;align-items:end;margin-bottom:44px}.community-section-head>div>span{color:#69c7f0;font-size:8px;letter-spacing:.17em}.community-section-head h2{margin:15px 0 0;font:clamp(50px,5.5vw,82px)/.88 var(--display);text-transform:uppercase}.community-section-head h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #86cce9}.community-section-head>p{margin:0;color:#728a99;font-size:12px;line-height:1.8}
.community-social-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--c-line);border-left:1px solid var(--c-line)}.community-social-card{position:relative;min-height:205px;padding:24px;display:flex;flex-direction:column;border-right:1px solid var(--c-line);border-bottom:1px solid var(--c-line);background:rgba(5,11,19,.8);text-decoration:none;overflow:hidden;transition:.25s}.community-social-card:after{content:"";position:absolute;inset:auto 0 0;height:0;background:linear-gradient(to top,rgba(20,156,255,.12),transparent);transition:.25s}.community-social-card:not(.placeholder):hover{transform:translateY(-5px);border-color:rgba(82,197,255,.5)}.community-social-card:not(.placeholder):hover:after{height:75%}.social-card-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start}.social-glyph{width:47px;height:47px;display:grid;place-items:center;border:1px solid #29698a;color:#74d2ff;font:20px/1 var(--display)}.social-state{color:#4f7286;font-size:6px;letter-spacing:.14em}.community-social-card strong{position:relative;z-index:1;margin-top:auto;font:24px/1 var(--display);text-transform:uppercase}.community-social-card small{position:relative;z-index:1;margin-top:9px;color:#687f8e;font-size:8px}.community-social-card.placeholder{opacity:.72}.community-social-card.placeholder .social-glyph{border-color:#4c6270;color:#728897}.community-social-card.placeholder .social-state{color:#9b7480}.community-loading{grid-column:1/-1;min-height:180px;display:grid;place-content:center;text-align:center;color:#607c8e;font-size:8px;letter-spacing:.12em}.community-loading span{justify-self:center;width:7px;height:7px;margin-bottom:12px;border-radius:50%;background:#5bd3ff;box-shadow:0 0 12px #5bd3ff}
.community-contact-section{padding:110px 0;border-block:1px solid var(--c-line);background:linear-gradient(180deg,rgba(6,14,23,.82),rgba(2,5,9,.98))}.contact-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px}.contact-routes{display:grid;gap:10px}.contact-routes>button{min-height:175px;padding:25px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--c-line);background:#050b12;color:#e7f5fd;text-align:left;font-family:var(--mono);cursor:pointer;transition:.25s}.contact-routes>button:hover,.contact-routes>button.active{border-color:#4ebde9;background:rgba(10,30,45,.9);box-shadow:inset 0 0 0 1px rgba(78,189,233,.15)}.contact-routes>button span{color:#57bce7;font-size:7px;letter-spacing:.14em}.contact-routes>button strong{margin-top:20px;font:24px/1 var(--display);text-transform:uppercase}.contact-routes>button p{margin:10px 0;color:#657c8b;font-size:8px}.contact-routes>button b{margin-top:auto;color:#6acdf5;font-size:7px;letter-spacing:.1em}.contact-privacy-note{padding:18px;border:1px solid var(--c-line)}.contact-privacy-note span{color:#597789;font-size:6px;letter-spacing:.15em}.contact-privacy-note p{margin:8px 0 0;color:#556c7b;font-size:8px}
.community-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:29px;border:1px solid rgba(85,190,239,.35);background:#040a11;box-shadow:0 24px 75px rgba(0,0,0,.35)}.contact-form-head{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:end;padding-bottom:20px;border-bottom:1px solid var(--c-line)}.contact-form-head span{grid-column:1/-1;color:#5cc7f2;font-size:7px;letter-spacing:.17em}.contact-form-head strong{margin-top:7px;font:27px/1 var(--display)}.contact-form-head small{color:#698596;font-size:7px;letter-spacing:.13em}.community-contact-form label{display:flex;flex-direction:column;gap:8px;color:#8da8b8;font-size:8px;font-weight:800;letter-spacing:.07em}.community-contact-form label>span{color:#536c7c;font-weight:400}.community-contact-form input,.community-contact-form select,.community-contact-form textarea{width:100%;border:1px solid var(--c-line);border-radius:0;background:#07101a;color:#e8f7ff;padding:13px 14px;font:10px/1.4 var(--mono);outline:none}.community-contact-form input:focus,.community-contact-form select:focus,.community-contact-form textarea:focus{border-color:#55c5f2;box-shadow:0 0 0 2px rgba(20,156,255,.08)}.community-contact-form textarea{resize:vertical;min-height:145px}.form-wide{grid-column:1/-1}.contact-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0}.contact-consent{flex-direction:row!important;align-items:flex-start!important;gap:10px!important;font-weight:400!important;line-height:1.55}.contact-consent input{width:15px;height:15px;margin:1px 0 0;accent-color:#55c8f4}.contact-consent a{color:#75cee9}.contact-form-actions{display:flex;align-items:center;gap:18px}.contact-form-actions button{min-height:50px;padding:0 19px;border:1px solid #65ccf4;background:#65ccf4;color:#03111a;font:900 8px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.contact-form-actions button:disabled{opacity:.5;cursor:wait}.contact-form-actions button span{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#071620}.contact-form-actions p{margin:0;color:#698494;font-size:8px}.contact-form-actions p.ok{color:#75e7a0}.contact-form-actions p.error{color:#ff879c}
.community-stream-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stream-card{border:1px solid var(--c-line);background:#040a11}.stream-card-head{min-height:65px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--c-line)}.stream-card-head span,.stream-card-head strong{display:block}.stream-card-head span{color:#5e7c8e;font-size:6px;letter-spacing:.16em}.stream-card-head strong{margin-top:5px;font:21px/1 var(--display);text-transform:uppercase}.stream-card-head>b{color:#638194;font-size:6px;letter-spacing:.14em}.stream-frame{aspect-ratio:16/9;display:grid;place-items:center;background:radial-gradient(circle,rgba(20,156,255,.09),transparent 48%),#02060a}.stream-frame iframe{width:100%;height:100%;border:0}.stream-consent{max-width:400px;padding:24px;text-align:center}.stream-consent>span{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 14px;border:1px solid #2b6c8e;color:#71d0f8;font:20px/1 var(--display)}.stream-consent strong{font:22px/1 var(--display);text-transform:uppercase}.stream-consent p{margin:12px 0;color:#617887;font-size:8px;line-height:1.65}.stream-consent button{padding:11px 15px;border:1px solid #51bce8;background:rgba(20,156,255,.08);color:#73d3fb;font:800 7px/1 var(--mono);letter-spacing:.11em;cursor:pointer}.stream-consent a{display:block;margin-top:12px;color:#607b8c;font-size:7px}
.community-return{margin-bottom:80px;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--c-line);background:linear-gradient(90deg,rgba(20,156,255,.08),rgba(255,36,75,.05))}.community-return span{color:#63c4ed;font-size:7px;letter-spacing:.16em}.community-return h2{margin:7px 0 6px;font:35px/1 var(--display)}.community-return p{margin:0;color:#617888;font-size:8px}.community-return>a{padding:14px 18px;border:1px solid #377a9d;color:#83d8fa;text-decoration:none;font-size:8px;font-weight:800}.community-responsible{display:flex;align-items:center;gap:18px;padding:28px 0 55px;border-top:1px solid var(--c-line)}.community-age{min-width:54px;height:54px;display:grid;place-items:center;border:1px solid #315d75;color:#78cef2;font-weight:900}.community-responsible strong{display:block;color:#a6bdcb;font-size:9px}.community-responsible p{margin:4px 0 0;color:#536b7a;font-size:8px}.community-responsible>a{margin-left:auto;color:#7591a1;text-decoration:none;font-size:8px}
@keyframes cSpin{to{transform:rotate(360deg)}}
@media(max-width:1040px){.community-world .nav.open{border-color:rgba(84,216,255,.4);background:rgba(2,6,12,.98)}.community-hero-grid{grid-template-columns:1fr}.community-network{min-height:440px}.community-social-grid{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr}.contact-routes{grid-template-columns:1fr 1fr}.contact-privacy-note{grid-column:1/-1}}
@media(max-width:680px){.community-hero{padding-top:120px;min-height:auto}.community-hero h1{font-size:clamp(54px,16vw,78px)}.community-network{min-height:385px;transform:scale(.82);margin-block:-25px}.community-trust-row{grid-template-columns:1fr}.community-status-strip>div{width:max-content;min-height:45px;gap:24px}.community-channels,.community-live,.community-contact-section{padding:80px 0}.community-section-head{grid-template-columns:1fr;gap:23px}.community-social-grid,.contact-routes,.community-stream-grid{grid-template-columns:1fr}.contact-privacy-note{grid-column:auto}.community-contact-form{grid-template-columns:1fr;padding:21px}.community-contact-form label,.form-wide,.contact-form-head{grid-column:auto}.contact-form-head{grid-template-columns:1fr}.contact-form-head small{margin-top:10px}.contact-form-actions{align-items:flex-start;flex-direction:column}.community-return{align-items:flex-start;flex-direction:column}.community-responsible{align-items:flex-start;flex-direction:column}.community-responsible>a{margin-left:0}}
@media(prefers-reduced-motion:reduce){.orbit-b{animation:none}}
