/* /join-them-all/ : dark luxury glass cards, cyan glow, mobile-first */
.page-join .jt-hero{padding-bottom:6px}
.page-join .jt-eyebrow{color:var(--cyan,#22d3ee);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600;margin:0 0 8px}
.page-join .jt-hero h1{font-size:clamp(28px,7vw,46px);line-height:1.1;margin:0 0 12px;text-shadow:0 0 40px rgba(34,211,238,.18)}
.page-join .jt-honest{background:rgba(34,211,238,.07);border:1px solid rgba(34,211,238,.35);border-radius:14px;padding:12px 14px;margin:14px 0 8px;font-size:15px;line-height:1.5}
.page-join .jt-partner{font-size:14px;color:var(--muted,#98a3b3);margin:6px 0 0}
.page-join .jt-partner a{color:var(--cyan,#22d3ee)}
.jt-prog{position:sticky;top:64px;z-index:5;margin:16px 0 10px;padding:10px 14px 12px;border-radius:18px;background:rgba(8,12,20,.82);border:1px solid rgba(124,196,255,.22);box-shadow:0 0 40px rgba(34,211,238,.08),0 14px 30px rgba(0,0,0,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.jt-prog-t{margin:0 0 8px;font-size:17px}
.jt-prog-t b.jt-n{color:var(--cyan,#22d3ee);font-size:22px}
.jt-bar{height:12px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.jt-fill{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#3b82f6,#22d3ee);box-shadow:0 0 18px rgba(34,211,238,.6);transition:width .4s}
.jt-nav{margin:0 0 16px}
.jt-jump{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px}
.jt-jump a{font-size:13px;padding:6px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.14);color:#dfe8f5;text-decoration:none;background:rgba(255,255,255,.04)}
.jt-jump a b{color:var(--cyan,#22d3ee);font-weight:600}
.jt-hide{display:flex;align-items:center;gap:8px;font-size:14px;color:#c9d3e1;margin:4px 0 0;min-height:32px}
.jt-hide input{width:20px;height:20px;accent-color:#22d3ee}
.jt-tips{margin:8px 0 22px;padding:16px 16px 10px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1)}
.jt-tips h2{margin:0 0 8px;font-size:20px}
.jt-tips ol{margin:0;padding-left:20px}
.jt-tips li{margin:0 0 10px;line-height:1.5;font-size:15px}
.jt-copy{display:inline-block;margin-top:8px;padding:10px 14px;font-size:14px;width:auto}
.jt-copied{color:var(--cyan,#22d3ee);font-size:14px;margin:4px 0 8px}
.jt-copybox{width:100%;font:inherit;font-size:14px;background:rgba(0,0,0,.35);color:#eef2f8;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:10px;margin:0 0 10px}
.jt-sec{scroll-margin-top:150px;margin:0 0 26px}
.jt-sec h2{font-size:24px;margin:10px 0 6px}
.jt-cnt{font-size:14px;font-weight:400;color:var(--muted,#98a3b3);margin-left:6px}
.jt-sub{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:#9fb3cc;margin:16px 0 8px}
.jt-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:700px){.jt-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.jt-grid{grid-template-columns:repeat(3,1fr)}}
.jt-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:16px 16px 14px;border-radius:20px;color:var(--ink,#eef2f8);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 20px 40px rgba(0,0,0,.3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);scroll-margin-top:150px;transition:border-color .3s,box-shadow .3s}
.jt-card[hidden]{display:none}
.jt-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.jt-card h3{margin:0;font-size:18px;line-height:1.3;color:#fff}
.jt-free{flex:none;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:99px;color:#04121a;background:#22d3ee}
.jt-why{margin:0;color:#b9c4d4;font-size:14.5px;line-height:1.5}
.jt-tr{margin:0;font-size:13px;color:#9fb0c6;line-height:1.9}
.jt-tr-h{color:#c9d3e1;margin-right:2px}
.jt-chip{display:inline-block;white-space:nowrap;padding:1px 8px;margin:0 2px 0 0;border-radius:99px;background:rgba(59,130,246,.16);border:1px solid rgba(124,196,255,.22);color:#dbe8ff;font-size:12px;line-height:1.7}
.jt-note{margin:0;font-size:13px;color:#fbd38d}
.jt-act{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:4px}
.jt-join{flex:1 1 150px;text-align:center;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;font-size:16px;text-decoration:none}
.jt-did{flex:1 1 120px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 14px;border-radius:14px;border:1.5px solid rgba(124,196,255,.35);cursor:pointer;font-weight:600;font-size:15px;color:#dfe8f5;user-select:none}
.jt-did input{width:22px;height:22px;accent-color:#22d3ee;cursor:pointer}
.jt-dom{margin:0;font-size:12px;color:#7d8aa0}
.jt-num{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#c9d3e1}
.jt-num[hidden]{display:none}
.jt-num input{font:inherit;font-size:16px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.35);color:#fff;letter-spacing:.04em}
.jt-card.jt-done{border-color:rgba(34,211,238,.6);box-shadow:0 0 0 1px rgba(34,211,238,.25),0 0 34px rgba(34,211,238,.12)}
.jt-card.jt-done .jt-did{background:rgba(34,211,238,.12);border-color:#22d3ee;color:#fff}
.jt-card.jt-done .jt-join{background:transparent;color:#cfe3ff;border:1.5px solid rgba(124,196,255,.35);box-shadow:none}
.jt-card.jt-nudge .jt-did{animation:jtpulse 1.2s ease-in-out 3}
@keyframes jtpulse{0%,100%{box-shadow:0 0 0 0 rgba(34,211,238,0)}50%{box-shadow:0 0 0 6px rgba(34,211,238,.35)}}
@media (prefers-reduced-motion:reduce){.jt-card.jt-nudge .jt-did{animation:none;outline:2px solid #22d3ee}.jt-fill{transition:none}}
.jt-done-all{padding:18px;border-radius:20px;border:1px solid rgba(34,211,238,.5);background:rgba(34,211,238,.07);margin:0 0 22px}
.jt-done-all[hidden]{display:none}
.jt-fine{margin-top:10px}
.jt-fine h2{font-size:20px}
.jt-reset{width:auto;display:inline-block;padding:10px 14px;font-size:14px}
@media (max-width:699px){.jt-prog{top:56px;padding:8px 12px 10px}.jt-prog-t{font-size:15px;margin-bottom:6px}.jt-prog-t b.jt-n{font-size:19px}.jt-bar{height:10px}.jt-jump a{font-size:12px;padding:5px 9px}}
