.sb-join-page{color:#fff;background:#110420;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sb-join{isolation:isolate;place-items:center;min-height:100svh;padding:56px 24px;display:grid;position:relative;overflow:hidden}.sb-join .scenery{z-index:-4;filter:blur(5px);pointer-events:none;opacity:.8;position:absolute;inset:-10% -8%;overflow:hidden;transform:rotate(-7deg)scale(1.06)}.sb-join .scene-inner{width:1300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sb-join .scene-banner{object-fit:cover;border-radius:24px;width:100%;height:350px;margin-bottom:25px;display:block}.sb-join .scene-products{grid-template-columns:repeat(5,1fr);gap:22px;display:grid}.sb-join .scene-products img{aspect-ratio:1;object-fit:cover;border:1px solid #da7fff60;border-radius:23px;width:100%;box-shadow:0 20px 50px #0007}.sb-join .scene-products img:nth-child(2n){transform:translateY(32px)}.sb-join .veil{z-index:-3;background:radial-gradient(45% 60%,#10031bf2,#10031bb8 75%,#10031b44),linear-gradient(#11042033,#11042022 50%,#110420cc);position:absolute;inset:0}.sb-join .halo{z-index:-2;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#9e20e52b,#0000 65%);border-radius:50%;width:min(700px,100vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sb-join .content{text-align:center;width:min(100%,500px);animation:.7s both arrive}.sb-join .logo{object-fit:contain;filter:drop-shadow(0 8px 32px #9d26ff55);width:126px;height:126px;margin:0 auto 20px;display:block}.sb-join .eyebrow{color:#e2bbff;letter-spacing:.28em;justify-content:center;align-items:center;gap:12px;margin:0 0 20px;font-size:10px;font-weight:800;display:flex}.sb-join .eyebrow:before,.sb-join .eyebrow:after{content:"";background:linear-gradient(90deg,#0000,#d991ff90);width:34px;height:1px}.sb-join .eyebrow:after{transform:rotate(180deg)}.sb-join h1{letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(35px,5.2vw,54px);font-weight:850;line-height:1.09}.sb-join h1 span{color:#e0b5ff;display:block}.sb-join .description{color:#c7b6d4;text-wrap:balance;max-width:320px;margin:22px auto 29px;font-size:14px;line-height:1.65}.sb-join .button{color:#fff;background:linear-gradient(110deg,#be32f1,#8a28dc 60%,#6526cf);border:1px solid #e5a9ff7a;border-radius:17px;justify-content:center;align-items:center;gap:22px;width:min(100%,354px);min-height:68px;margin:auto;font-size:19px;font-weight:750;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 44px #9f26d84d,inset 0 1px #ffffff4d}.sb-join .button svg{width:23px;height:23px;transition:transform .2s}.sb-join .button:hover{transform:translateY(-3px);box-shadow:0 18px 50px #9f26d877}.sb-join .button:hover svg{transform:translate(4px)}.sb-join .button:active{transform:translateY(0)}.sb-join .button:focus-visible{outline-offset:6px;outline:3px solid #fff}.sb-join .categories{color:#c1a6d1;letter-spacing:.03em;justify-content:center;align-items:center;gap:10px;margin:21px 0 0;font-size:10px;display:flex}.sb-join .categories i{background:#a675bf;border-radius:50%;width:3px;height:3px}.sb-join .signature{text-align:center;letter-spacing:.2em;color:#9378a6;margin:0;font-size:9px;position:absolute;bottom:22px;left:0;right:0}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width>=1600px){.sb-join .scene-inner{width:1700px}.sb-join .scene-banner{height:420px}}@media (width<=600px){.sb-join{padding:42px 24px 65px}.sb-join .scenery{filter:blur(3px);opacity:.8;inset:-5% -35%}.sb-join .scene-inner{width:780px;top:48%}.sb-join .scene-banner{height:230px;margin-bottom:17px}.sb-join .scene-products{grid-template-columns:repeat(4,1fr);gap:14px}.sb-join .veil{background:radial-gradient(75% 58% at 50% 48%,#10031bef,#10031bb5 80%,#10031b44),linear-gradient(#11042022,#11042044 80%,#110420dd)}.sb-join .logo{width:108px;height:108px;margin-bottom:19px}.sb-join .eyebrow{margin-bottom:18px;font-size:9px}.sb-join h1{font-size:39px}.sb-join .description{max-width:275px;margin:20px auto 26px;font-size:13px}.sb-join .button{min-height:64px;font-size:18px}.sb-join .signature{bottom:19px}}@media (width<=360px){.sb-join h1{font-size:34px}.sb-join .logo{width:88px;height:88px}.sb-join .description{margin:16px auto 22px}}@media (prefers-reduced-motion:reduce){.sb-join .content{animation:none}.sb-join .button,.sb-join .button svg{transition:none}}