@font-face{font-family:CSInter;src:url(../../fonts/Inter/inter-latin.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
body:has(.cs-community){background:#05070b;color:#fff}
.cs-community{--cs-bg:#05070b;--cs-lime:#c5ff32;--cs-purple:#a665ff;--cs-muted:#b5b3d1;background:var(--cs-bg);color:#f9f9ff;font-family:CSInter,Inter,system-ui,sans-serif;line-height:1.6;isolation:isolate;position:relative;overflow:hidden}
.cs-community *{box-sizing:border-box}.cs-community a{color:inherit}.cs-community a:focus-visible,.cs-community button:focus-visible,.cs-community input:focus-visible{outline:3px solid var(--cs-lime);outline-offset:5px}.cs-community h1,.cs-community h2,.cs-community h3,.cs-community p{margin:0}.cs-container{max-width:1248px;padding:0 24px;margin:auto}.cs-atmosphere{position:absolute;z-index:-1;inset:0 0 auto;height:1120px;background:url(nebula.webp) center top/cover no-repeat;mask-image:linear-gradient(#000 75%,transparent);pointer-events:none}.cs-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cs-brand{display:inline-flex;align-items:center;gap:12px;font-size:25px;font-weight:800;letter-spacing:-.8px;text-decoration:none;white-space:nowrap}.cs-brand img{width:48px;height:48px;object-fit:contain}.cs-brand em{font-style:normal;color:var(--cs-lime)}.cs-nav{display:flex;align-items:center;gap:34px;font-size:15px;font-weight:500}.cs-nav a{text-decoration:none}.cs-nav a:hover{color:var(--cs-lime)}.cs-outline{border:1px solid var(--cs-purple);border-radius:12px;padding:9px 24px}.cs-skip{position:absolute;left:16px;top:-100px;padding:10px 20px;background:#111;z-index:10}.cs-skip:focus{top:12px}
.cs-hero{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:64px;align-items:center;padding-top:55px;padding-bottom:100px;min-height:760px}.cs-copy h1{font-size:clamp(68px,6.8vw,96px);font-weight:850;line-height:1.02;letter-spacing:-5px}.cs-copy h1 span{display:block;color:var(--cs-lime)}.cs-description{max-width:590px;font-size:20px;line-height:1.55;color:var(--cs-muted);margin-top:26px!important}.cs-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:36px}.cs-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:15px 25px;background:var(--cs-lime);color:#101408!important;border:0;border-radius:13px;font-size:16px;font-weight:750;line-height:1.4;text-decoration:none;transition:transform .18s,box-shadow .18s;cursor:pointer}.cs-button:hover{transform:translateY(-2px);box-shadow:0 8px 32px #c5ff3226}.cs-text-link{font-size:15px;color:#cbc5e8!important;display:inline-flex;gap:12px;align-items:center;text-underline-offset:6px;text-decoration:underline}.cs-arrow{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}.cs-note{font-size:14px;line-height:1.6;color:var(--cs-muted);margin-top:21px!important}
.cs-rail{border-top:1px solid #8153a85c;display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0;font-size:16px;color:var(--cs-muted);text-align:center}.cs-rail span{position:relative}.cs-rail span:before{content:"";width:2px;height:18px;background:var(--cs-purple);position:absolute;left:50%;top:-32px}
.cs-discover{padding-top:105px;padding-bottom:95px;scroll-margin-top:30px}.cs-discover h2{font-size:clamp(34px,4vw,48px);font-weight:800;line-height:1.15;letter-spacing:-2px}.cs-section-copy{font-size:19px;color:var(--cs-muted);margin-top:15px!important}.cs-features{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:56px}.cs-feature{border-top:1px solid #666079;padding-top:19px}.cs-number{color:var(--cs-purple);font-size:16px;font-weight:700}.cs-feature h3{font-size:25px;line-height:1.3;font-weight:750;letter-spacing:-.6px;margin-top:17px}.cs-feature p{font-size:17px;line-height:1.75;color:var(--cs-muted);margin-top:17px}.cs-join{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:70px;padding:42px 38px;border:2px solid transparent;border-radius:26px;background:linear-gradient(#10111b,#10111b) padding-box,linear-gradient(110deg,#b443ff,#7868ef,#32d9e9) border-box;box-shadow:0 0 50px #8e40ff10}.cs-join h2{font-size:32px;letter-spacing:-1px}.cs-join p{color:var(--cs-muted);font-size:17px;margin-top:12px}.cs-join .cs-button{white-space:nowrap}.cs-footer{border-top:1px solid #373442;padding:32px 0}.cs-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.cs-footer .cs-brand{font-size:19px;letter-spacing:-.5px}.cs-footer .cs-brand img{width:36px;height:36px}.cs-footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.cs-footer-links{display:flex;gap:25px;font-size:13px;color:var(--cs-muted)}.cs-footer-links a{text-decoration:none}.cs-footer-links a:hover{color:var(--cs-lime)}.cs-copyright{font-size:12px;color:#858098}
@media(min-width:1600px){.cs-atmosphere{background-size:100% auto}}
@media(max-width:1100px){.cs-hero{gap:36px;grid-template-columns:minmax(0,1fr) 380px}.cs-copy h1{font-size:74px;letter-spacing:-4px}.cs-description{font-size:18px}.cs-actions{gap:18px}.cs-features{gap:30px}.cs-join h2{font-size:28px}}
@media(max-width:800px){.cs-container{padding:0 24px}.cs-header{height:90px}.cs-brand{font-size:21px}.cs-brand img{width:40px;height:40px}.cs-nav{gap:20px;font-size:14px}.cs-nav .cs-main-link{display:none}.cs-outline{padding:7px 15px}.cs-hero{grid-template-columns:1fr;gap:44px;padding-top:35px;padding-bottom:65px;min-height:0}.cs-copy h1{font-size:clamp(56px,10vw,80px);letter-spacing:-3px}.cs-description{max-width:590px}.cs-copy h1 span br{display:none}.cs-copy h1 span{max-width:620px}.cs-atmosphere{height:1320px;background-size:auto 1200px}.cs-discover{padding-top:70px;padding-bottom:65px}.cs-features{grid-template-columns:1fr;gap:32px;margin-top:35px}.cs-feature{padding-top:16px}.cs-feature h3{margin-top:8px}.cs-feature p{max-width:560px;margin-top:10px}.cs-join{flex-direction:column;align-items:flex-start;margin-top:45px;padding:30px}.cs-footer-inner{align-items:flex-start}.cs-footer-right{align-items:flex-start}.cs-footer-links{flex-wrap:wrap;gap:12px 20px}.cs-rail{font-size:13px;gap:15px}.cs-footer-inner{flex-direction:column}}
@media(max-width:420px){.cs-container{padding:0 20px}.cs-brand{font-size:18px;gap:7px}.cs-brand img{width:35px;height:35px}.cs-nav{gap:15px;font-size:13px}.cs-nav .cs-discover-link{display:none}.cs-copy h1{font-size:54px;letter-spacing:-2.8px}.cs-description{font-size:17px}.cs-actions{align-items:flex-start;flex-direction:column;gap:22px}.cs-actions .cs-button{width:100%;font-size:15px}.cs-note{font-size:13px}.cs-discover h2{font-size:34px}.cs-join h2{font-size:28px}.cs-join{padding:27px 22px}.cs-join .cs-button{width:100%;font-size:15px}}
@media(prefers-reduced-motion:reduce){.cs-community *{scroll-behavior:auto!important;transition:none!important}}

/* Desktop proportions matched to the section concept. */
@media(min-width:1200px){.cs-container{max-width:1280px}.cs-hero{grid-template-columns:minmax(0,1fr) 480px;min-height:800px;padding-top:55px;padding-bottom:95px}.cs-copy h1{font-size:108px;letter-spacing:-5.4px}.cs-description{font-size:22px}.cs-actions{gap:28px}.cs-actions .cs-button{font-size:17px;min-height:62px;padding:17px 27px}.cs-text-link{font-size:17px}.cs-note{font-size:15px}.cs-rail{font-size:18px}.cs-discover h2{font-size:52px}.cs-feature p{font-size:18px}.cs-join h2{font-size:34px}}

/* Chat-account access guide replaces the standalone login form. */
.cs-how{padding:10px 0 10px 36px;border-left:1px solid #8153a8;background:transparent}
.cs-how h2{font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:800}
.cs-how>p{font-size:16px;color:var(--cs-muted);margin-top:18px}
.cs-steps{list-style:none;counter-reset:step;padding:0;margin:28px 0 0;display:grid;gap:24px}
.cs-steps li{counter-increment:step;position:relative;padding-left:42px}
.cs-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--cs-purple);font-size:15px;font-weight:750;line-height:1.6}
.cs-steps h3{font-size:17px;font-weight:750;line-height:1.5}
.cs-steps p{font-size:15px;line-height:1.65;color:var(--cs-muted);margin-top:6px}
.cs-how .cs-account-note{font-size:14px;line-height:1.7;border-top:1px solid #45405d;padding-top:22px;margin-top:28px}
.cs-account-note a{color:#c7a1ff;text-decoration:underline;text-underline-offset:3px}
.cs-account-note a:hover{color:var(--cs-lime)}
@media(min-width:1200px){.cs-hero{min-height:740px;padding-bottom:75px}.cs-how h2{font-size:36px}}
@media(max-width:800px){.cs-how{padding:30px 0 0;border-left:0;border-top:1px solid #8153a85c;max-width:590px}.cs-how h2{font-size:30px}.cs-steps{gap:22px}.cs-join .cs-button{white-space:normal}}
@media(max-width:420px){.cs-how h2{font-size:28px}.cs-steps li{padding-left:36px}}
