.join-root{background:var(--nbc-black);min-height:100vh;color:var(--nbc-paper);font-family:var(--f-body);position:relative;overflow:hidden}.join-hero{text-align:center;padding:140px 0 90px;position:relative}.join-hero:before,.join-hero:after{content:"";pointer-events:none;z-index:0;position:absolute;inset:0}.join-hero:before{background:radial-gradient(140% 80% at 50% 0,#ff00802e,#0000 60%),radial-gradient(80% 60% at 50% 100%,#00d4ff29,#0000 70%)}.join-hero:after{opacity:.6;background-image:repeating-linear-gradient(0deg,#f4ede00d 0 1px,#0000 1px 3px)}.join-hero__inner{z-index:1;max-width:760px;margin:0 auto;padding:0 24px;position:relative}.join-hero__chip{font-family:var(--f-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--nbc-cyan);background:#00d4ff14;border:1px solid #00d4ff73;align-items:center;gap:10px;margin-bottom:30px;padding:6px 14px;font-size:10px;display:inline-flex}.join-hero__chip .dot{background:var(--nbc-cyan);width:6px;height:6px;box-shadow:0 0 12px var(--nbc-cyan);border-radius:999px}.join-hero__title{font-family:var(--f-display);letter-spacing:.02em;margin:0 0 22px;font-size:clamp(48px,9vw,96px);line-height:.98}.join-hero__title .ink-mag{color:var(--nbc-magenta)}.join-hero__sub{opacity:.85;max-width:580px;margin:0 auto 36px;font-size:clamp(16px,2vw,19px);line-height:1.55}.join-hero__cta{border:1px solid var(--nbc-magenta);background:var(--nbc-magenta);color:var(--nbc-black);font-family:var(--f-mono);letter-spacing:.24em;text-transform:uppercase;align-items:center;gap:10px;padding:14px 26px;font-size:12px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.join-hero__cta:hover{transform:translateY(-2px);box-shadow:0 0 24px #ff008073}.join-hero__form{margin:8px auto 22px}.join-hero__form .join-form-wrap{margin-top:0}.join-hero__proof{font-family:var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:#f4ede0bf;background:#f4ede008;border:1px solid #f4ede02e;align-items:center;gap:10px;margin:0 auto;padding:8px 16px;font-size:11px;display:inline-flex}.join-hero__proof strong{color:var(--nbc-cyan);letter-spacing:.04em;font-weight:500}.join-hero__proof-dot{background:var(--nbc-cyan);width:6px;height:6px;box-shadow:0 0 12px var(--nbc-cyan);border-radius:999px}.join-perks{grid-template-columns:1fr;gap:14px;margin:28px 0 0;padding:0;list-style:none;display:grid}@media (width>=720px){.join-perks{grid-template-columns:repeat(2,1fr);gap:18px}}@media (width>=1080px){.join-perks{grid-template-columns:repeat(3,1fr)}}.join-perk{background:#f4ede005;border:1px solid #f4ede029;padding:26px 22px 24px;transition:border-color .16s,background .16s;position:relative;overflow:hidden}.join-perk:before{content:"";pointer-events:none;opacity:.6;background-image:repeating-linear-gradient(0deg,#f4ede00a 0 1px,#0000 1px 4px);position:absolute;inset:0}.join-perk:hover{background:#f4ede00a}.join-perk__file{font-family:var(--f-mono);letter-spacing:.28em;text-transform:uppercase;color:#f4ede080;margin-bottom:12px;font-size:10px;display:block;position:relative}.join-perk__glyph{margin-bottom:14px;font-family:serif;font-size:38px;line-height:1;display:inline-block;position:relative}.join-perk__title{font-family:var(--f-display);letter-spacing:.02em;color:var(--nbc-paper);margin:0 0 10px;font-size:22px;position:relative}.join-perk__desc{font-family:var(--f-body);color:#f4ede0bf;margin:0;font-size:14px;line-height:1.55;position:relative}.join-perk--cy{border-color:#00d4ff66}.join-perk--cy .join-perk__glyph{color:var(--nbc-cyan)}.join-perk--cy:hover{border-color:var(--nbc-cyan)}.join-perk--mag{border-color:#ff008066}.join-perk--mag .join-perk__glyph{color:var(--nbc-magenta)}.join-perk--mag:hover{border-color:var(--nbc-magenta)}.join-perk--jade{border-color:#4ade8059}.join-perk--jade .join-perk__glyph{color:var(--nbc-jade)}.join-perk--jade:hover{border-color:var(--nbc-jade)}.join-perk--am{border-color:#ffa72666}.join-perk--am .join-perk__glyph{color:var(--nbc-amber)}.join-perk--am:hover{border-color:var(--nbc-amber)}.join-perk--paper{border-color:#f4ede04d}.join-perk--paper .join-perk__glyph{color:var(--nbc-paper)}.join-perk--paper:hover{border-color:var(--nbc-paper)}.join-social{text-align:center;background:radial-gradient(80% 100% at 50% 0,#00d4ff14,#0000 80%),#f4ede005;border:1px solid #00d4ff59;padding:48px 30px 44px;position:relative}.join-social__label{font-family:var(--f-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--nbc-cyan);margin:0 0 10px;font-size:10px}.join-social__num{font-family:var(--f-display);color:var(--nbc-cyan);letter-spacing:.04em;text-shadow:0 0 28px #00d4ff59;margin:0 0 8px;font-size:clamp(72px,14vw,140px);line-height:1}.join-social__sub{font-family:var(--f-mono);letter-spacing:.24em;text-transform:uppercase;opacity:.7;margin:0 0 18px;font-size:11px}.join-social__copy{opacity:.78;max-width:540px;margin:0 auto;line-height:1.6}.join-section{z-index:1;padding:80px 24px;position:relative}.join-section__inner{max-width:1100px;margin:0 auto}.join-section__num{font-family:var(--f-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--nbc-cyan);margin:0 0 8px;font-size:10px}.join-section__title{font-family:var(--f-display);letter-spacing:.02em;margin:0 0 14px;font-size:clamp(34px,5vw,52px)}.join-section__title .accent-mag{color:var(--nbc-magenta)}.join-section__title .accent-cy{color:var(--nbc-cyan)}.join-section__title .accent-am{color:var(--nbc-amber)}.join-section__lede{opacity:.78;max-width:640px;margin:0 0 36px;font-size:16px;line-height:1.6}.join-albums{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=760px){.join-albums{grid-template-columns:1fr 1fr;gap:28px}}.join-album{background:#f4ede005;border:1px solid #f4ede02e;padding:22px;position:relative}.join-album__art{aspect-ratio:1;background:linear-gradient(135deg,#0a0510 0%,#14141d 100%);border:1px solid #f4ede024;margin-bottom:18px;position:relative;overflow:hidden}.join-album__art:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#f4ede00f 0 1px,#0000 1px 3px);position:absolute;inset:0}.join-album__art-mark{font-family:var(--f-display);letter-spacing:.08em;place-items:center;font-size:clamp(80px,12vw,140px);font-weight:200;line-height:1;display:grid;position:absolute;inset:0}.join-album--cyan .join-album__art{box-shadow:inset 0 0 0 2px #00d4ff80,0 0 30px #00d4ff26}.join-album--cyan .join-album__art-mark{color:var(--nbc-cyan)}.join-album--mag .join-album__art{box-shadow:inset 0 0 0 2px #ff008080,0 0 30px #ff008026}.join-album--mag .join-album__art-mark{color:var(--nbc-magenta)}.join-album__file{font-family:var(--f-mono);letter-spacing:.24em;text-transform:uppercase;opacity:.5;margin:0 0 6px;font-size:10px}.join-album__title{font-family:var(--f-display);letter-spacing:.02em;margin:0 0 8px;font-size:22px}.join-album__sub{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;opacity:.7;font-size:11px}.join-albums-note{font-family:var(--f-mono);letter-spacing:.18em;text-transform:uppercase;opacity:.55;margin-top:22px;font-size:11px}.join-wallpapers{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width>=760px){.join-wallpapers{grid-template-columns:repeat(4,1fr)}}.join-wallpaper{aspect-ratio:9/16;background:linear-gradient(160deg,#00d4ff0d,#ff00800d);border:1px solid #f4ede02e;position:relative;overflow:hidden}.join-wallpaper:first-child{border-color:#00d4ff73}.join-wallpaper:nth-child(2){border-color:#ff008073}.join-wallpaper:nth-child(3){border-color:#ffa72673}.join-wallpaper:nth-child(4){border-color:#4ade8073}.join-wallpaper:before{content:"";background-image:repeating-linear-gradient(0deg,#f4ede014 0 1px,#0000 1px 4px);position:absolute;inset:0}.join-wallpaper__label{font-family:var(--f-mono);letter-spacing:.22em;text-transform:uppercase;opacity:.7;font-size:9px;position:absolute;bottom:10px;left:10px;right:10px}.join-pledge{text-align:center;background:radial-gradient(80% 100% at 50% 0,#ffa72614,#0000 80%),#f4ede005;border:1px solid #ffa72666;padding:36px 30px}.join-pledge__pool{font-family:var(--f-display);color:var(--nbc-amber);letter-spacing:.02em;text-shadow:0 0 24px #ffa7264d;margin:18px 0 6px;font-size:clamp(56px,10vw,96px)}.join-pledge__pool-sub{font-family:var(--f-mono);letter-spacing:.24em;text-transform:uppercase;opacity:.6;font-size:11px}.join-pledge__copy{opacity:.85;max-width:640px;margin:18px auto 0;line-height:1.6}.join-pledge__beacon{font-family:var(--f-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--nbc-amber);margin-top:14px;font-size:10px}.join-upgrade{grid-template-columns:1fr;gap:14px;margin-top:18px;display:grid}@media (width>=760px){.join-upgrade{grid-template-columns:1fr 1fr}}.join-upgrade__list{margin:0;padding:0;list-style:none}.join-upgrade__list li{font-family:var(--f-mono);letter-spacing:.04em;border-bottom:1px solid #f4ede014;padding:10px 0;font-size:12px}.join-upgrade__list li:before{content:"▶";color:var(--nbc-cyan);margin-right:10px}.join-upgrade__cta{border:1px solid var(--nbc-cyan);color:var(--nbc-cyan);font-family:var(--f-mono);letter-spacing:.22em;text-transform:uppercase;align-self:end;align-items:center;gap:8px;width:max-content;padding:12px 18px;font-size:11px;text-decoration:none;transition:background .12s,color .12s;display:inline-flex}.join-upgrade__cta:hover{background:var(--nbc-cyan);color:var(--nbc-black)}.join-form-wrap{max-width:540px;margin:24px auto 0}.join-form__label{font-family:var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:#f4ede08c;margin-bottom:10px;font-size:10px;display:block}.join-form__input-row{background:#f4ede008;border:1px solid #f4ede04d;align-items:center;padding:0 14px;transition:border-color .14s;display:flex}.join-form__input-row:focus-within{border-color:var(--nbc-cyan)}.join-form__caret{font-family:var(--f-mono);color:#00d4ffb3;margin-right:10px;font-size:13px}.join-form__input{font-family:var(--f-mono);color:var(--nbc-paper);background:0 0;border:0;outline:0;flex:1;padding:14px 0;font-size:14px}.join-form__input::placeholder{color:#f4ede04d}.join-form__submit{border:1px solid var(--nbc-magenta);background:var(--nbc-magenta);width:100%;color:var(--nbc-black);font-family:var(--f-mono);letter-spacing:.24em;text-transform:uppercase;cursor:pointer;margin-top:14px;padding:14px 22px;font-size:12px;transition:transform .12s,box-shadow .12s,opacity .12s}.join-form__submit:disabled{opacity:.5;cursor:wait}.join-form__submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 0 24px #ff008073}.join-form__fine{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;text-align:center;opacity:.55;margin-top:14px;font-size:10px}.join-form__error{font-family:var(--f-mono);color:var(--nbc-blood);margin-top:10px;font-size:11px}
