.community-signup-bg{--join-red:#d52828;--join-red-dark:#b91f24;--join-ink:#15171a;--join-muted:#5e626a;--join-line:#dedbd5;--join-paper:#fdfbf7;position:relative;isolation:isolate;min-height:100svh;padding-left:30%;background:var(--join-paper);color:var(--join-ink)}.community-signup-bg:before{content:"";position:fixed;inset:0 auto 0 0;width:30%;height:100vh;z-index:0;background-color:#eee8de;background-image:url(/assets/join-community/quiet-japan-editorial-desktop-768x1536.e527209c.webp);background-image:-webkit-image-set(url("/assets/join-community/quiet-japan-editorial-desktop-768x1536.2dccb330.avif") type("image/avif"),url("/assets/join-community/quiet-japan-editorial-desktop-768x1536.e527209c.webp") type("image/webp"));background-image:image-set(url("/assets/join-community/quiet-japan-editorial-desktop-768x1536.2dccb330.avif") type("image/avif"),url("/assets/join-community/quiet-japan-editorial-desktop-768x1536.e527209c.webp") type("image/webp"));background-position:50%;background-size:cover;background-repeat:no-repeat;border-right:1px solid rgba(157,118,88,.26);pointer-events:none}@supports (height:100dvh){.community-signup-bg:before{height:100dvh}}.community-signup-bg>*{position:relative;z-index:1}.join-content{min-height:100svh;padding:1.5rem clamp(2rem,5vw,6rem) 3rem;background:rgba(253,251,247,.97)}.join-content>*{width:min(100%,48rem);margin-inline:auto}.join-header{display:flex;align-items:center;justify-content:space-between;min-height:2.75rem;gap:1.5rem}.join-logo{display:block;width:9.5rem;height:auto}.join-logo-link,.join-signin{display:inline-flex;min-height:2.75rem;align-items:center}.join-logo-link{flex-shrink:0}.join-signin{color:var(--join-ink);font-size:.875rem;text-underline-offset:.2rem}.join-signin-prefix{margin-right:.2rem}.join-signin:hover{color:var(--join-red-dark)}.join-signin:not(:hover){text-decoration-color:var(--join-red)}.join-promise{padding:1rem 0 .65rem}.join-eyebrow{margin:0 0 .55rem;color:var(--join-red);font-size:.72rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.join-promise h1{max-width:46rem;margin:0;color:var(--join-ink);font-size:clamp(2.25rem,3.25vw,3.35rem);font-weight:780;letter-spacing:-.045em;line-height:1.02}.join-promise-copy{max-width:43rem;margin:.75rem 0 0;color:var(--join-muted);font-size:.98rem;line-height:1.55}.join-outcome-list,.join-reassurance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:.9rem 0 0;padding:0;list-style:none}.join-outcome-list li,.join-reassurance li{display:flex;align-items:center;gap:.55rem;min-width:0;padding:.3rem .75rem;color:#41454c;font-size:.82rem;line-height:1.3}.join-outcome-list li+li,.join-reassurance li+li{border-left:1px solid var(--join-line)}.join-evidence svg,.join-outcome-list svg,.join-reassurance svg{width:1.08rem;height:1.08rem;flex:0 0 auto;color:var(--join-red)}.join-evidence{display:flex;align-items:center;gap:.6rem;margin:.55rem 0 0;padding:.55rem .75rem;border-top:1px solid var(--join-line);border-bottom:1px solid var(--join-line);color:var(--join-muted);font-size:.82rem}.join-evidence svg{color:#6d737c}.join-reassurance{margin-top:0;padding:.3rem 0;border-bottom:1px solid var(--join-line)}.community-signup-card{background:transparent;border:0;border-radius:0;box-shadow:none}.join-card-content,.join-card-footer,.join-card-header{padding-right:0;padding-left:0}.join-card-header{padding-top:.6rem;padding-bottom:0}.join-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem;color:#555b64;font-size:.79rem}.join-progress-meta strong{color:var(--join-red);font-weight:700}.join-saved{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.join-progress-journey{position:relative;height:4.7rem;margin-top:.15rem}.join-progress-course{position:absolute;inset:0 5.9rem 0 1.7rem}.join-progress-route{position:absolute;right:0;bottom:.62rem;left:0;height:.18rem;overflow:hidden;border-radius:999px;background:#dedbd6}.join-progress-route-complete{display:block;width:var(--join-journey-position);height:100%;border-radius:inherit;background:var(--join-red);transition:width .52s cubic-bezier(.22,1,.36,1)}.join-progress-milestones{position:absolute;right:0;bottom:.05rem;left:0;display:flex;align-items:center;justify-content:space-between;margin:0;padding:0;list-style:none}.join-progress-milestones li{display:grid;width:1.3rem;height:1.3rem;place-items:center}.join-progress-milestone{display:grid;width:1.12rem;height:1.12rem;place-items:center;border:1.5px solid #c9c5bf;border-radius:50%;background:var(--join-paper);color:#767a81;font-size:.55rem;font-weight:800;line-height:1;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.join-progress-milestone svg{width:.7rem;height:.7rem;stroke-width:3}.join-progress-milestones li.is-complete .join-progress-milestone,.join-progress-milestones li.is-current .join-progress-milestone{border-color:var(--join-red);background:var(--join-red);color:#fff}.join-progress-milestones li.is-current .join-progress-milestone{transform:scale(1.12)}.join-progress-traveler{position:absolute;z-index:3;bottom:1.12rem;left:var(--join-journey-position);width:3.25rem;height:3.25rem;object-fit:contain;transform:translateX(-50%);transition:left .52s cubic-bezier(.22,1,.36,1)}.join-progress-house{position:absolute;right:0;bottom:-.2rem;width:4.9rem;height:4.9rem;object-fit:contain}.join-card-content{min-height:0;padding-top:.75rem;padding-bottom:.7rem}.join-question-title:focus{outline:none}.join-choice:focus-within{border-color:var(--join-red);box-shadow:0 0 0 3px rgba(213,40,40,.14)}.join-actions{display:flex;width:100%;gap:.75rem}.join-card-footer{padding-top:0;padding-bottom:1rem}.join-back-button,.join-primary-button{min-height:3.25rem;font-weight:700}.join-back-button{flex:0 0 38%;gap:.4rem}.join-primary-button{flex:1 1 auto;gap:.45rem;background:var(--join-red);font-size:.95rem;box-shadow:0 5px 14px rgba(185,31,36,.16)}.join-primary-button:hover{background:var(--join-red-dark)}.join-review dl{margin:0;border-top:1px solid var(--join-line)}.join-review dl>div{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--join-line)}.join-review dt{color:#6b7078;font-size:.72rem;line-height:1.35}.join-review dd{margin:.2rem 0 0;color:var(--join-ink);font-size:.88rem;font-weight:600;line-height:1.4}.join-review button{min-width:2.75rem;min-height:2.75rem;color:var(--join-red-dark);font-size:.78rem;font-weight:700;text-decoration:underline;text-underline-offset:.18rem}.join-verification-sender{margin-top:.8rem;padding:.65rem .8rem;border-left:3px solid var(--join-red);border-radius:0 .65rem .65rem 0;background:#f4f1eb;overflow-wrap:anywhere}.join-otp-control{width:100%;justify-content:flex-start}.join-otp-group{gap:clamp(.4rem,1.2vw,.55rem)}.join-otp-slot{width:clamp(2.65rem,7vw,3.2rem);height:3.35rem;border:1px solid #c9c5bf;border-radius:.65rem!important;background:#fff;color:var(--join-ink);font-size:1.4rem;font-weight:760;font-variant-numeric:tabular-nums;box-shadow:0 1px 2px rgba(35,30,25,.05);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.join-otp-slot[data-active=true]{z-index:1;border-color:var(--join-red);background:#fffdfb;box-shadow:0 0 0 3px rgba(213,40,40,.14)}.join-otp-field.is-invalid .join-otp-slot{border-color:#dc2626;background:#fffafa}.join-email-help{padding:1rem 1.05rem;border:1px solid #d9d4cc;border-radius:.9rem;background:#f7f4ef;color:#444950;font-size:.8rem;line-height:1.5}.join-email-help-heading{display:flex;align-items:center;gap:.55rem;color:var(--join-ink)}.join-email-help-heading svg{width:1.15rem;height:1.15rem;flex:0 0 auto;color:var(--join-red)}.join-email-help h3{margin:0;font-size:.92rem;font-weight:760}.join-email-help ol{margin:.75rem 0 0;padding-left:1.25rem}.join-email-help li{padding-left:.2rem}.join-email-help li+li{margin-top:.42rem}.join-email-help li::marker{color:var(--join-red-dark);font-weight:760}.join-email-help strong{color:#20242a;overflow-wrap:anywhere}.join-email-help-warning{margin:.9rem 0 0;padding:.7rem .75rem;border-left:3px solid #cf3b3b;border-radius:0 .55rem .55rem 0;background:#fff2f2;color:#7f1d1d}.join-email-help-latest{margin:.8rem 0 0;padding-top:.75rem;border-top:1px solid #ddd7cf}.join-benefits{margin-top:2.5rem;padding-top:1.75rem;border-top:1px solid var(--join-line)}.join-benefits-heading{max-width:38rem;margin:0 auto 1.5rem;text-align:center}.join-benefits-heading h2{margin:0;font-size:clamp(1.4rem,2vw,1.85rem);font-weight:760;letter-spacing:-.025em}.join-benefits-heading p{margin:.55rem 0 0;color:var(--join-muted);font-size:.88rem;line-height:1.55}.join-benefit-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.join-benefit-columns>div{padding:0 1.75rem}.join-benefit-columns>div+div{border-left:1px solid var(--join-line)}.join-benefit-columns h3{margin:0 0 .65rem;font-size:.9rem;font-weight:760}.join-benefit-columns ul{margin:0;padding:0;list-style:none}.join-benefit-columns li{display:flex;align-items:center;gap:.65rem;min-height:2.6rem;padding:.5rem 0;border-bottom:1px solid #ebe8e2;color:#444950;font-size:.78rem;line-height:1.35}.join-benefit-columns li svg{width:1.1rem;height:1.1rem;flex:0 0 auto;color:var(--join-red)}.join-benefit-footnote{margin:.8rem 0 0;color:#61666e;font-size:.72rem}.join-later-step .join-content{padding-top:1.5rem}.join-later-step .community-signup-card{margin-top:clamp(1.5rem,7vh,5rem)}@media (max-width:1023px){.community-signup-bg{padding-top:5.75rem;padding-left:0}.community-signup-bg:before{position:absolute;inset:0 0 auto;width:100%;height:5.75rem;background-image:url(/assets/join-community/quiet-japan-editorial-mobile-1170x270.f6308c60.webp);background-image:-webkit-image-set(url("/assets/join-community/quiet-japan-editorial-mobile-1170x270.450abea0.avif") type("image/avif"),url("/assets/join-community/quiet-japan-editorial-mobile-1170x270.f6308c60.webp") type("image/webp"));background-image:image-set(url("/assets/join-community/quiet-japan-editorial-mobile-1170x270.450abea0.avif") type("image/avif"),url("/assets/join-community/quiet-japan-editorial-mobile-1170x270.f6308c60.webp") type("image/webp"));background-position:50%;background-size:cover;border-right:0;border-bottom:1px solid rgba(157,118,88,.22)}.join-later-step{padding-top:0}.join-later-step:before{display:none}.join-content{padding-right:clamp(1.25rem,5vw,3rem);padding-left:clamp(1.25rem,5vw,3rem)}}@media (max-width:767px){.community-signup-bg{padding-top:5.25rem}.community-signup-bg:before{height:5.25rem}.join-content{padding:.8rem 1.15rem 2rem}.join-header{min-height:2.25rem}.join-logo{width:8.25rem}.join-signin{font-size:.86rem;text-decoration:underline}.join-signin-prefix{display:none}.join-promise{padding:.5rem 0 0}.join-eyebrow{margin-bottom:.35rem;font-size:.65rem}.join-promise h1{max-width:22rem;font-size:1.75rem;line-height:1.04}.join-promise-copy{margin-top:.35rem;font-size:.76rem;line-height:1.4}.join-outcome-list,.join-reassurance{margin-top:.4rem}.join-outcome-list li,.join-reassurance li{align-items:flex-start;gap:.3rem;padding:.2rem .35rem;font-size:.61rem;line-height:1.25}.join-evidence svg,.join-outcome-list svg,.join-reassurance svg{width:.95rem;height:.95rem}.join-evidence{margin-top:.2rem;padding:.25rem .35rem;font-size:.68rem}.join-reassurance{margin-top:0;padding:.15rem 0}.join-card-header{padding-top:.3rem}.join-progress-meta{margin-bottom:.25rem;font-size:.7rem}.join-progress-journey{height:3.8rem;margin-top:0}.join-progress-course{inset:0 4.4rem 0 1.2rem}.join-progress-route{bottom:.45rem;height:.15rem}.join-progress-milestones{bottom:0}.join-progress-milestones li{width:1rem;height:1rem}.join-progress-milestone{width:.86rem;height:.86rem;font-size:.48rem}.join-progress-milestone svg{width:.6rem;height:.6rem}.join-progress-traveler{bottom:.9rem;width:2.5rem;height:2.5rem}.join-progress-house{bottom:-.15rem;width:3.85rem;height:3.85rem}.join-first-step .join-progress-journey{height:2rem}.join-first-step .join-progress-course{inset:0 3.15rem 0 .85rem}.join-first-step .join-progress-route{bottom:.32rem}.join-first-step .join-progress-milestones{bottom:-.05rem}.join-first-step .join-progress-milestones li{width:.8rem;height:.8rem}.join-first-step .join-progress-milestone{width:.68rem;height:.68rem;font-size:.4rem}.join-first-step .join-progress-traveler{bottom:.52rem;width:1.65rem;height:1.65rem}.join-first-step .join-progress-house{bottom:-.1rem;width:2.4rem;height:2.4rem}.join-first-step .join-card-content{padding-top:.15rem}.join-card-content{padding-top:.4rem;padding-bottom:.45rem}.join-otp-group{width:100%;gap:clamp(.35rem,1.8vw,.5rem)}.join-otp-slot{width:clamp(2.45rem,11.2vw,2.9rem);height:3rem;font-size:1.25rem}.join-email-help{padding:.9rem;font-size:.76rem}.join-question-title{font-size:1.08rem}.join-question-helper{line-height:1.45}.join-step-body>:not([hidden])~:not([hidden]){margin-top:.75rem}.join-choice{min-height:3rem;padding:.62rem .8rem;border-radius:.7rem}.join-actions{gap:.55rem}.join-mobile-actions{position:sticky;bottom:0;z-index:20;margin-right:-1.15rem;margin-left:-1.15rem;padding:.65rem 1.15rem calc(.65rem + env(safe-area-inset-bottom));border-top:1px solid #e5e2dd;background:rgba(253,251,247,.97);box-shadow:0 -6px 18px rgba(35,30,25,.06)}.join-first-step .join-mobile-actions{position:fixed;right:0;bottom:0;left:0;margin:0}.join-first-step .join-content{padding-bottom:calc(5.25rem + env(safe-area-inset-bottom))}.join-back-button,.join-primary-button{min-height:3.1rem;font-size:.87rem}.join-later-step .join-content{padding-top:.8rem}.join-later-step .community-signup-card{margin-top:1rem;padding-bottom:4.25rem}.join-benefits{margin-top:5.25rem;padding-top:1.5rem}.join-benefit-columns{grid-template-columns:1fr;gap:1.5rem}.join-benefit-columns>div{padding:0}.join-benefit-columns>div+div{padding-top:1.5rem;border-top:1px solid var(--join-line);border-left:0}}@media (max-width:380px){.join-content,.join-mobile-actions{padding-right:.9rem;padding-left:.9rem}.join-mobile-actions{margin-right:-.9rem;margin-left:-.9rem}}@keyframes match-entry-progress{0%{transform:translateX(-120%)}to{transform:translateX(320%)}}.match-entry-progress-bar{animation:match-entry-progress 1.1s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.join-progress-milestone,.join-progress-route-complete,.join-progress-traveler{transition:none}.match-entry-progress-bar{animation:none;width:100%}}