.join-page{--join-ink:#202228;--join-muted:#626671;min-height:100svh;color:var(--join-ink);background:#fafafb;padding:0 6vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.join-header{justify-content:space-between;align-items:center;max-width:1320px;height:100px;margin:auto;display:flex}.join-brand{letter-spacing:-1.4px;color:inherit;align-items:center;gap:9px;font-size:27px;font-weight:750;text-decoration:none;display:flex}.join-brand-dot{color:#6179d4}.join-browse{color:#4d525e;border:1px solid #dcdde3;border-radius:30px;padding:12px 20px;font-size:14px;font-weight:550;text-decoration:none}.join-layout{grid-template-columns:minmax(0,1.1fr) minmax(330px,.8fr);align-items:center;gap:8%;max-width:1240px;margin:30px auto 62px;display:grid}.join-kicker{letter-spacing:1.8px;align-items:center;gap:8px;font-size:10px;font-weight:650;display:flex}.join-kicker>span{background:#758bd5;border-radius:100%;width:6px;height:6px}.join-story h1{letter-spacing:-3px;margin:24px 0 19px;font-size:clamp(40px,4.3vw,65px);font-weight:650;line-height:1.05}.join-story h1 span{color:#0878ed}.join-intro{max-width:340px;color:var(--join-muted);margin:0;font-size:16px;line-height:1.65}.join-stage{isolation:isolate;height:355px;margin-top:22px;position:relative}.join-glow{filter:blur(60px);opacity:.6;background:#c9d6f4;border-radius:50%;width:72%;height:70%;position:absolute;top:15%;left:14%}.join-fan{height:100%;animation:.7s ease-out both join-welcome;position:relative}.join-collectible{transform-origin:50% 75%;background:linear-gradient(145deg,#e6e8ed,#aeb6c6);border-radius:19px;width:195px;height:278px;padding:7px;transition:translate .3s;position:absolute;left:50%;overflow:hidden;box-shadow:0 25px 38px -14px #25304b55}.join-collectible img{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.join-collectible .lc-image-fallback{text-align:center;background:#f4f5f8;border-radius:12px;place-content:center;gap:12px;height:100%;display:grid}.join-collectible.card-0{z-index:0;top:46px;transform:translate(-99%)rotate(-19deg)}.join-collectible.card-1{z-index:2;top:8px;transform:translate(-50%)rotate(-2deg)}.join-collectible.card-2{z-index:1;top:46px;transform:translate(0%)rotate(18deg)}@media (hover:hover){.join-stage:hover .join-collectible{translate:0 -6px}}.join-worlds{color:var(--join-muted);justify-content:center;gap:22px;font-size:12px;display:flex}.join-hint{text-align:center;letter-spacing:1.3px;text-transform:uppercase;color:#858a96;margin:16px 0 0;font-size:10px}.join-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #fff;border-radius:32px;justify-self:end;width:100%;max-width:440px;padding:43px 37px 28px;box-shadow:0 20px 65px -35px #3f497324,0 0 0 1px #eceef575}.join-panel-icon{width:58px;height:58px;margin-bottom:28px;display:flex}.join-eyebrow{letter-spacing:1.7px;color:#7c8393;font-size:9px;font-weight:650}.join-panel h2{letter-spacing:-1.2px;margin:13px 0 15px;font-size:32px;font-weight:650;line-height:1.15}.join-panel>p{color:var(--join-muted);max-width:290px;margin:0 0 28px;font-size:13px;line-height:1.65}.join-actions{gap:14px;display:grid}.join-action{border-radius:17px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:52px;font-size:14px;font-weight:550;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.join-action:hover{transform:translateY(-2px);box-shadow:0 5px 14px #25346c16}.join-primary{color:#fff;background:#292c34;border:1px solid #292c34}.join-google{color:#30343f;background:#fff;border:1px solid #dfe2ea}.join-divider{color:#9b9faa;align-items:center;gap:13px;font-size:10px;display:flex}.join-divider:before,.join-divider:after{content:"";background:#eceef2;flex:1;height:1px}.join-existing{text-align:center;color:#888d9a;margin:4px 0;font-size:11px}.join-existing a{color:#424957;font-weight:600;text-decoration:none}.join-benefits{border-top:1px solid #eceef3;gap:10px;margin-top:20px;padding:25px 0;display:grid}.join-benefits span{color:#767e8e;align-items:center;gap:9px;font-size:11px;display:flex}.join-benefits svg{color:#8f9bb4;stroke-width:1.5px}.join-fine{color:#9a9eaa;text-align:center;font-size:9px;line-height:1.8}.join-fine a{color:#777f8f;text-decoration:none}.join-fine>span{margin:0 10px}.join-footer{letter-spacing:1.6px;color:#9298a6;justify-content:space-between;max-width:1240px;margin:auto;padding:0 0 25px;font-size:9px;display:flex}.join-footer>span:last-child{letter-spacing:0}.join-pending{background:#f6f7fb;border:1px solid #e7eaf4;border-radius:18px;padding:16px;font-size:13px}.join-pending p{color:#72798a;margin:9px 0 16px;font-size:12px;line-height:1.6}.join-welcome{animation:.5s ease-out both join-welcome}.join-page a:focus-visible,.join-page button:focus-visible{outline-offset:4px;outline:3px solid #667bdd}@keyframes join-welcome{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.join-page{padding:0 5vw}.join-layout{gap:5%}.join-story h1{letter-spacing:-2px;font-size:44px}.join-panel{padding:32px 24px}.join-panel h2{font-size:28px}.join-collectible{border-radius:16px;width:155px;height:222px;padding:6px}.join-collectible img{border-radius:10px}.join-stage{height:295px}.join-kicker{letter-spacing:1.3px;font-size:8px}.join-collectible.card-0{transform:translate(-87%)rotate(-19deg)}.join-collectible.card-2{transform:translate(-13%)rotate(18deg)}}@media (max-width:680px){.join-header{gap:12px;height:78px}.join-brand{font-size:24px}.join-browse{text-align:center;padding:10px 14px;font-size:11px}.join-layout{flex-direction:column;gap:32px;margin:20px auto 35px;display:flex}.join-story{text-align:center;width:100%}.join-kicker{justify-content:center}.join-story h1{margin:17px 0 13px;font-size:42px}.join-intro{max-width:280px;margin:auto;font-size:13px}.join-stage{max-width:350px;height:280px;margin:24px auto 0}.join-collectible{width:150px;height:215px}.join-worlds{gap:20px;font-size:11px}.join-panel{justify-self:unset;border-radius:27px;max-width:420px;padding:29px 27px 24px}.join-panel-icon{margin-bottom:22px}.join-panel h2{font-size:31px}.join-footer{letter-spacing:1px;font-size:7px}.join-hint{font-size:9px}.join-glow{left:10%}}@media (max-width:360px){.join-collectible{width:132px;height:190px}.join-stage{height:255px}.join-header .brand-tagline{letter-spacing:1px}}@media (prefers-reduced-motion:reduce){.join-page *,.join-page :before,.join-page :after{transition:none!important;animation:none!important}.join-stage:hover .join-collectible{translate:none}.join-action:hover{transform:none}}