.af-join{min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:var(--cs-sidebar,#f9fafb)}.af-join-card{width:100%;max-width:400px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:32px 28px;box-shadow:var(--cs-shadow-lg,0 8px 24px rgba(20,23,31,.06))}.af-join-mark{width:44px;height:44px;border-radius:12px;background:#222834;color:#fff;display:grid;place-items:center;font-weight:600;font-size:18px;margin-bottom:20px}.af-join h1{font-size:24px;line-height:1.25;font-weight:600;color:#14171f;margin:0 0 6px;letter-spacing:-.01em}.af-join-sub{margin:0 0 22px;color:#677084;font-size:15px;line-height:1.5}.af-join-form{display:grid;gap:14px}.af-join-form label{display:grid;gap:6px}.af-join-form label span{font-size:13px;font-weight:500;color:#4a5264}.af-join-form input{height:42px;border:1px solid #d0d4dc;border-radius:10px;padding:0 12px;font-size:15px;color:#14171f;background:#fff}.af-join-form input:focus{outline:none;border-color:#222834;box-shadow:0 0 0 3px rgba(34,40,52,.12)}.af-join-form button{height:42px;border:0;border-radius:999px;background:#222834;color:#fff;font-size:15px;font-weight:500;cursor:pointer;margin-top:4px}.af-join-form button:disabled{opacity:.6;cursor:default}.af-join-error{margin:0;color:#d92d20;font-size:14px}.af-join-note{margin:0;color:#81899a;font-size:13px}.af-join-note a,.af-join-sub a{color:#14171f;text-decoration:underline;text-underline-offset:2px}