.join-page{min-height:100vh;color:#f8f5ff;background:#0a0715}.join-page [hidden]{display:none!important}.join-hero{position:relative;min-height:calc(100svh - 78px);overflow:hidden;background:radial-gradient(circle at 78% 34%,rgba(124,60,255,.25),transparent 29%),radial-gradient(circle at 10% 82%,rgba(92,41,186,.16),transparent 27%),linear-gradient(145deg,#090611,#120a21 52%,#1a0d30)}.join-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);align-items:center;gap:70px;min-height:calc(100svh - 78px);padding:70px 0 82px}.join-card{position:relative;z-index:2;max-width:690px}.join-brand-mark{display:inline-flex;align-items:center;gap:13px;margin-bottom:28px;color:#c8badc;font-size:.78rem;font-weight:750}.join-brand-mark img{width:64px;height:64px;border-radius:19px;box-shadow:0 17px 40px rgba(100,49,237,.3)}.join-card h1{max-width:720px;margin:0;font-size:clamp(2.8rem,5.4vw,5.7rem);line-height:.99;letter-spacing:-.06em}.join-copy{max-width:660px;margin:25px 0 0;color:#b9add0;font-size:1.08rem}.referral-code-card{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:460px;margin-top:25px;padding:17px 19px;background:rgba(31,21,48,.88);border:1px solid #594274;border-radius:18px}.referral-code-card span{color:#9f92b2;font-size:.74rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.referral-code-card strong{color:#c7a8ff;font-size:1.1rem;letter-spacing:.08em;overflow-wrap:anywhere}.referral-status{display:flex;align-items:center;gap:12px;max-width:460px;margin-top:25px;padding:15px 17px;color:#c4b8d5;background:rgba(31,21,48,.84);border:1px solid #4d3a65;border-radius:17px}.referral-status p{margin:0}.referral-status>span{width:20px;height:20px;border:3px solid #594274;border-top-color:#a875ff;border-radius:50%;animation:referral-spin .8s linear infinite}.referral-status.is-invalid{color:#ffd3d3;border-color:rgba(255,120,120,.35)}.referral-status.is-invalid>span{display:none}.join-store-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.join-page .store-badge{display:inline-flex;align-items:center;gap:11px;min-height:60px;padding:8px 17px;color:#fff;background:#08060d;border:1px solid #594274;border-radius:15px;transition:transform .2s ease,border-color .2s ease}.join-page .store-badge:hover,.join-page .store-badge:focus-visible{transform:translateY(-2px);border-color:#8e65c5}.join-page .store-badge small,.join-page .store-badge strong{display:block;line-height:1.1}.join-page .store-badge small{margin-bottom:4px;color:#c7bdd4;font-size:.65rem}.join-page .store-mark{position:relative;display:block;flex:0 0 27px;width:27px;height:27px}.join-page .play-mark:before{content:"";position:absolute;inset:1px 3px;background:linear-gradient(135deg,#36d579 0 34%,#45a8ff 34% 56%,#ffd348 56% 74%,#ff5b55 74%);clip-path:polygon(0 0,100% 50%,0 100%)}.join-page .apple-mark:before{content:"●";display:grid;place-items:center;height:100%;font-size:1.3rem}.form-note{max-width:620px;margin:18px 0 0;color:#887c9b;font-size:.8rem}.join-preview{position:relative;min-height:690px}.phone-shot{position:absolute;overflow:hidden;width:300px;margin:0;border-radius:50px;filter:drop-shadow(0 38px 70px rgba(0,0,0,.42))}.phone-shot img{width:100%}.phone-shot-primary{z-index:2;right:2%;top:0;transform:rotate(4deg)}.phone-shot-secondary{left:0;top:95px;width:270px;opacity:.78;transform:rotate(-6deg)}.join-preview-note{position:absolute;z-index:3;right:-5%;bottom:95px;display:flex;align-items:center;gap:12px;width:275px;padding:17px;background:rgba(29,19,45,.94);border:1px solid #594274;border-radius:19px;box-shadow:0 20px 48px rgba(0,0,0,.35)}.join-preview-note>span{color:#b989ff;font-size:1.45rem}.join-preview-note strong,.join-preview-note small{display:block}.join-preview-note small{margin-top:2px;color:#a99db9}.join-footer{padding:0}.join-footer .footer-bottom{margin-top:0}@keyframes referral-spin{to{transform:rotate(360deg)}}@media(max-width:1020px){.join-layout{grid-template-columns:1fr;gap:44px}.join-card{max-width:760px;text-align:center;margin-inline:auto}.join-brand-mark,.join-store-badges{justify-content:center}.join-copy,.referral-code-card,.referral-status,.form-note{margin-inline:auto}.join-preview{width:min(570px,100%);margin-inline:auto}}@media(max-width:620px){html,body{overflow-x:clip}.join-layout{padding:45px 0 60px}.join-card h1{font-size:clamp(2.55rem,12vw,3.7rem)}.join-brand-mark{display:grid;justify-items:center}.join-store-badges{display:grid}.join-page .store-badge{justify-content:center;width:100%}.join-preview{min-height:560px}.phone-shot-primary{right:0;width:255px}.phone-shot-secondary{left:-12px;width:225px}.join-preview-note{right:0;bottom:52px;width:min(270px,88%)}}@media(prefers-reduced-motion:reduce){.referral-status>span{animation-duration:1.6s}}