:root{--j-ink: hsl(30, 8%, 8%);--j-muted: hsl(30, 5%, 45%);--j-line: hsl(30, 7%, 89%);--j-fill: hsl(30, 9%, 96%);--j-fill-hover: hsl(30, 9%, 93%);--j-accent: #ff2d2d;--j-bad: hsl(358, 68%, 44%);--j-w: 636px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;background:#fff;color:var(--j-ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}.join{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:48px max(20px,min(5vw,48px)) 28px}.join__card{width:100%;max-width:var(--j-w);margin:auto 0 0;text-align:center}.join__mark{display:inline-flex;margin-bottom:26px}.join__mark img{height:34px;width:auto;display:block}.join__h{margin:0;font-size:26px;line-height:1.25;font-weight:600;letter-spacing:-.015em}.join__sub{margin:8px 0 0;font-size:18px;color:var(--j-muted)}.join__error{margin:22px auto 0;max-width:460px;padding:10px 14px;border:1px solid hsl(0,60%,88%);border-radius:8px;background:#fff5f5;color:var(--j-bad);font-size:14px;text-align:left}.join__oauth{margin-top:42px;width:100%;height:56px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:10px;background:var(--j-fill);color:var(--j-ink);font:inherit;font-size:17px;cursor:pointer;transition:background .12s ease}.join__oauth:hover{background:var(--j-fill-hover)}.join__oauth:focus-visible{outline:2px solid var(--j-accent);outline-offset:2px}.join__oauth[disabled]{opacity:.55;cursor:default}.join__g{width:20px;height:20px;flex:none}.join__or{display:flex;align-items:center;gap:16px;margin:26px 0;color:var(--j-muted);font-size:14px}.join__or:before,.join__or:after{content:"";flex:1;height:1px;background:var(--j-line)}.join__row{display:flex;gap:12px;align-items:center}.join__input{flex:1;min-width:0;height:56px;padding:0 18px;border:1px solid var(--j-line);border-radius:10px;background:#fff;font:inherit;font-size:17px;color:var(--j-ink)}.join__input::placeholder{color:#99948f}.join__input:focus{outline:none;border-color:#bcb8b3;box-shadow:0 0 0 3px #f1f0ee}.join__go{flex:none;height:56px;padding:0 26px;border:1px solid transparent;border-radius:10px;background:var(--j-fill);color:var(--j-ink);font:inherit;font-size:17px;cursor:pointer;transition:background .12s ease}.join__go:hover{background:var(--j-fill-hover)}.join__go:focus-visible{outline:2px solid var(--j-accent);outline-offset:2px}.join__go[disabled]{color:#a39e99;cursor:default;background:var(--j-fill)}.join__note{margin:14px 0 0;font-size:14px;color:var(--j-muted)}.join__link{border:0;padding:0;background:none;font:inherit;font-size:14px;color:var(--j-ink);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.join__link[disabled]{color:var(--j-muted);text-decoration:none;cursor:default}.join__captcha:empty{display:none}.join__captcha{margin-top:18px;display:flex;justify-content:center}.join__cakes{margin-top:48px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.join__cake{margin:0}.join__cake img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:10px;display:block;background:var(--j-fill)}.join__terms{margin:0;padding-top:8px;font-size:14px;color:var(--j-muted);text-align:center}.join__terms a{color:var(--j-ink);text-decoration:underline;text-underline-offset:3px}@media(max-width:560px){.join{gap:28px}.join__h{font-size:22px}.join__sub{font-size:16px}.join__oauth{margin-top:30px}.join__row{flex-wrap:wrap}.join__input{flex-basis:100%}.join__go{width:100%}.join__cakes{grid-template-columns:repeat(3,1fr);margin-top:32px}.join__cake:nth-child(n+4){display:none}}