.join-wrap{max-width:600px;margin:0 auto;padding:36px 20px 80px}.join-wrap h1{font-family:var(--f-display);font-size:26px;font-weight:800}.steps{gap:6px;margin:18px 0 26px;display:flex}.steps .s{text-align:center;color:var(--ink-3);border-top:3px solid var(--line);flex:1;padding-top:8px;font-size:12px;font-weight:700}.steps .s.now{color:var(--ink);border-top-color:var(--marker)}.steps .s.done{color:var(--lab);border-top-color:var(--lab)}.coupon-banner{background:var(--marker-soft);border:1.5px dashed var(--note);border-radius:var(--radius-s);align-items:center;gap:12px;margin-bottom:24px;padding:13px 16px;font-size:13.5px;display:flex}.coupon-banner .code{font-family:var(--f-mono);background:var(--white);border-radius:6px;padding:2px 8px;font-weight:700}.coupon-banner b{color:var(--note)}.coupon-banner.rejected{background:var(--stamp-soft);border-color:var(--stamp)}.coupon-banner.rejected b{color:var(--stamp)}.plan-pick{gap:12px;margin-bottom:26px;display:grid}.pick{background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius-s);cursor:pointer;padding:16px 18px 16px 52px;transition:border-color .1s;display:block;position:relative}.pick input{width:18px;height:18px;accent-color:var(--ink);position:absolute;top:22px;left:18px}.pick .t{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.pick .t b{font-size:15px}.pick .t .p{font-family:var(--f-mono);margin-left:auto;font-size:15px;font-weight:700}.pick .d{color:var(--ink-3);margin-top:2px;font-size:12.5px}.pick .off{background:var(--marker);border-radius:5px;padding:1px 7px;font-size:11px;font-weight:700}.pick.selected{border-color:var(--ink);box-shadow:0 0 0 1.5px var(--ink)}.pick .free-note{color:var(--note);margin-top:8px;font-size:12.5px;font-weight:700}.summary{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-s);box-shadow:var(--shadow);margin:26px 0;padding:18px 20px}.summary .row{justify-content:space-between;padding:5px 0;font-size:14px;display:flex}.summary .row.total{border-top:1.5px solid var(--line);margin-top:8px;padding-top:12px;font-size:16px;font-weight:700}.summary .row.total .amount{font-family:var(--f-mono)}.summary .off-line{color:var(--note);font-weight:700}.card-widget{border:1.5px solid var(--line);border-radius:var(--radius-s);background:var(--white);padding:18px}.card-widget .brand-row{gap:6px;margin-bottom:12px;display:flex}.card-widget .brand{font-family:var(--f-mono);border:1px solid var(--line);color:var(--ink-3);border-radius:4px;padding:2px 7px;font-size:10px}.fake-input{border:1.5px solid var(--line);color:var(--ink);font-size:14px;font-family:var(--f-mono);background:#fbfcfc;border-radius:8px;width:100%;margin-bottom:10px;padding:12px 14px}.fake-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.secure-note{color:var(--ink-3);align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.agree{color:var(--ink-3);margin:16px 0 18px;font-size:12.5px;line-height:1.8}.test-cards{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.test-cards button{font-family:var(--f-mono);border:1.5px solid var(--line);background:var(--white);color:var(--ink-2);border-radius:999px;padding:6px 12px;font-size:11.5px}.test-cards button:hover{border-color:var(--ink-3)}.test-note{color:var(--note);background:var(--marker-soft);border-radius:6px;margin-bottom:12px;padding:6px 10px;font-size:11.5px;font-weight:700;display:inline-block}.join-error{background:var(--stamp-soft);border:1.5px solid var(--stamp);color:var(--stamp);border-radius:var(--radius-s);margin:16px 0;padding:12px 16px;font-size:13.5px;font-weight:700}.join-info{background:var(--lab-soft);border:1.5px solid var(--lab);color:var(--lab);border-radius:var(--radius-s);margin:16px 0;padding:14px 18px;font-size:13.5px}