:root{--ink: #1c211f;--ground: #fcfcfa;--mint: #5cdbbf;--mint-deep: #3bb99e;--apricot: #ea923b;--line: #e4e3dd;--muted: #6b716d;--danger: #c0392b}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--ground);color:var(--ink);font-family:Nunito Sans,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}.join-page{min-height:100svh;display:flex;flex-direction:column}.join-header{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:center}.join-lockup{display:inline-block;width:132px;aspect-ratio:476 / 177;background-color:var(--mint);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}.join-main{flex:1;width:100%;max-width:560px;margin:0 auto;padding:44px 24px 72px}.join-hero{text-align:center;margin-bottom:40px}.join-hero h1{font-family:"IBM Plex Serif",Georgia,serif;font-weight:600;font-size:40px;line-height:1.15;margin:0 0 14px}.join-hero p{margin:0;color:var(--muted);font-size:17px}.join-steps{display:flex;gap:8px;justify-content:center;margin-bottom:34px;list-style:none;padding:0}.join-steps li{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px}.join-steps li:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--line)}.join-steps li[data-state=current]{color:var(--ink)}.join-steps li[data-state=current]:before{background:var(--apricot)}.join-steps li[data-state=done]:before{background:var(--mint)}.join-steps li+li{margin-left:10px}.join-card{border:1px solid var(--line);border-radius:18px;padding:30px 26px;background:#fff}.join-card h2{font-family:"IBM Plex Serif",Georgia,serif;font-weight:600;font-size:26px;line-height:1.25;margin:0 0 8px}.join-card .join-sub{margin:0 0 24px;color:var(--muted);font-size:15px}.join-field{margin-bottom:18px}.join-field label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}.join-input{width:100%;font:inherit;font-size:17px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:var(--ground);color:var(--ink)}.join-input:focus{outline:none;border-color:var(--mint-deep);box-shadow:0 0 0 3px #5cdbbf47}.join-input[aria-invalid=true]{border-color:var(--danger)}.join-phone-row{display:flex;gap:9px;align-items:stretch}.join-phone-prefix{display:flex;align-items:center;padding:0 14px;border:1px solid var(--line);border-radius:11px;background:var(--ground);font-size:17px;color:var(--muted)}.join-hint{font-size:13.5px;color:var(--muted);margin:7px 0 0}.join-btn{width:100%;font:inherit;font-size:18px;font-weight:700;padding:14px 20px;border-radius:999px;border:1px solid transparent;cursor:pointer;background:var(--ink);color:#fff;display:inline-block;text-align:center;text-decoration:none}.join-btn:disabled{opacity:.45;cursor:not-allowed}.join-btn:not(:disabled):hover{background:#000}.join-btn-secondary{background:transparent;color:var(--ink);border-color:var(--line);font-size:15px;padding:11px 18px}.join-btn-secondary:not(:disabled):hover{background:var(--ground)}.join-linkbtn{background:none;border:none;padding:0;font:inherit;font-size:14.5px;color:var(--ink);text-decoration:underline;cursor:pointer}.join-actions{margin-top:24px;display:flex;flex-direction:column;gap:12px}.join-check{display:flex;gap:11px;align-items:flex-start;margin-bottom:14px}.join-check input{margin-top:4px;width:17px;height:17px;flex-shrink:0;accent-color:var(--mint-deep)}.join-check label{font-size:13.5px;line-height:1.5;color:var(--muted)}.join-check a{color:var(--ink)}.join-error{background:#fdecea;border:1px solid #f3c4bd;color:#8c2b1e;border-radius:11px;padding:11px 14px;font-size:14.5px;margin-bottom:18px}.join-rules{list-style:none;padding:0;margin:11px 0 0}.join-rules li{font-size:13.5px;color:var(--muted);display:flex;gap:8px;align-items:center}.join-rules li[data-met=true]{color:var(--ink)}.join-rules .tick{width:15px;display:inline-block}.join-plans{display:grid;gap:13px;margin:4px 0 8px}.join-plan{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;text-align:left;font:inherit;padding:17px 18px;border:1.5px solid var(--line);border-radius:14px;background:var(--ground);cursor:pointer}.join-plan:hover{border-color:var(--mint-deep)}.join-plan[aria-pressed=true]{border-color:var(--mint-deep);background:#f2fbf8}.join-plan-name{font-weight:700;font-size:16.5px;display:block}.join-plan-note{font-size:13.5px;color:var(--muted)}.join-plan-price{font-weight:700;font-size:18px;white-space:nowrap}.join-badge{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:var(--apricot);color:#fff;border-radius:999px;padding:2px 9px;margin-left:8px;vertical-align:middle}.join-perks{margin:22px 0 0;padding:0 0 0 20px}.join-perks li{font-size:14.5px;margin-bottom:4px}.join-footer{border-top:1px solid var(--line);padding:26px 24px 34px;text-align:center;font-size:13px;color:var(--muted)}.join-footer a{color:var(--muted);margin:0 9px}@media(max-width:560px){.join-hero h1{font-size:31px}.join-main{padding:32px 18px 56px}.join-card{padding:24px 18px;border-radius:15px}}