.so-foot{text-align:center;padding:90px 48px 100px}.so-foot-h{letter-spacing:-.03em;color:var(--ink);margin:0 0 12px;font-size:clamp(30px,4vw,44px);font-weight:800}.so-foot-sub{color:var(--muted);margin:0 0 40px;font-size:18px}.so-paths{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;display:flex}.so-col{flex-direction:column;align-items:center;gap:14px;display:flex}.so-col-label{color:var(--muted);font-size:14px;font-weight:600}.so-or{color:var(--faint);text-transform:uppercase;letter-spacing:.1em;font-size:14px;font-weight:700}.so-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.so-btn:hover{transform:translateY(-1px)}.so-btn:disabled{cursor:default}.so-primary{background:var(--purple);color:#fff;box-shadow:0 10px 22px -10px var(--purple)}.so-primary:hover{background:var(--purple-deep);box-shadow:0 14px 28px -10px var(--purple)}.so-create{padding:15px 26px;font-size:17px}.so-code-row{align-items:center;gap:12px;display:flex}.so-code{gap:8px;display:flex}.so-code-box{border:1.5px solid var(--line);text-align:center;width:52px;height:56px;color:var(--ink);text-transform:uppercase;background:#fff;border-radius:13px;outline:none;font-family:inherit;font-size:24px;font-weight:800;transition:all .12s}.so-code-box:focus{border-color:var(--purple);box-shadow:0 0 0 4px var(--purple-soft)}.so-code-box.filled{border-color:color-mix(in oklch, var(--purple) 45%, var(--line))}.so-join{background:var(--page);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);padding:16px 20px}.so-join:hover{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--purple) 30%, var(--line))}.so-join.ready{background:var(--purple);color:#fff;box-shadow:0 10px 22px -10px var(--purple)}.so-join.ready:hover{background:var(--purple-deep)}.so-code-error{color:#dc2626;margin:8px 0 0;font-size:13px;font-weight:500;line-height:1.4}@media (max-width:560px){.so-foot{padding-left:22px;padding-right:22px}.so-code-box{width:46px;height:52px;font-size:22px}}