.join-page{--join-ink:#0b1525;--join-muted:#536071;--join-card:#fff;--join-soft:#f1f5f9;color:var(--join-ink);background:#edf2f7}.join-page .container{width:min(1040px,100% - 40px);margin-inline:auto}.join-hero{color:#fff;background:radial-gradient(circle at 85% 20%,#e11d4840,#0000 35%),linear-gradient(140deg,#071121,#111c30);padding:clamp(64px,10vw,120px) 0}.join-hero__grid{grid-template-columns:1.35fr .65fr;align-items:end;gap:clamp(28px,6vw,72px);display:grid}.join-hero .eyebrow,.join-page .eyebrow{color:#e11d48;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:900}.join-hero h1{color:#fff;letter-spacing:-.065em;max-width:760px;margin:.45rem 0 1rem;font-size:clamp(3rem,7vw,6.2rem);line-height:.89}.join-hero__lead{color:#d9e2ef;max-width:690px;font-size:clamp(1.08rem,2vw,1.3rem);line-height:1.65}.join-hero__note{background:#ffffff14;border:1px solid #ffffff2e;border-radius:24px;gap:16px;padding:24px;display:flex}.join-hero__note>span{font-size:2rem}.join-hero__note strong{color:#fff;font-size:1.08rem;display:block}.join-hero__note p{color:#cbd5e1;margin:.35rem 0 0;line-height:1.5}.join-main{padding:clamp(48px,8vw,90px) 0}.join-shell{gap:28px;display:grid}.join-intro,.membership-panel,.join-success{background:var(--join-card);border:1px solid #0f172a1a;border-radius:32px;padding:clamp(24px,5vw,52px);box-shadow:0 24px 70px #0f172a17}.join-intro h2,.panel-heading h2,.join-success h2{letter-spacing:-.05em;color:var(--join-ink);margin:.35rem 0 .7rem;font-size:clamp(2rem,5vw,3.6rem);line-height:1}.join-intro>p:last-of-type,.panel-heading>p:last-child{color:var(--join-muted)}.membership-switch{grid-template-columns:1fr 1fr;gap:14px;margin-top:28px;display:grid}.membership-switch button{color:#111827;text-align:left;cursor:pointer;background:#fff;border:2px solid #d9e0e9;border-radius:22px;align-items:center;gap:14px;padding:20px;display:flex}.membership-switch button[aria-selected=true]{background:#fff1f3;border-color:#e11d48;box-shadow:0 10px 30px #e11d481f}.membership-switch button>span:first-child{font-size:1.7rem}.membership-switch strong,.membership-switch small{display:block}.membership-switch strong{font-size:1.03rem}.membership-switch small{color:#64748b;margin-top:3px}.membership-panel{padding:0;overflow:hidden}.panel-heading{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;padding:clamp(28px,5vw,52px)}.join-form{gap:22px;padding:clamp(22px,5vw,52px);display:grid}.form-section{box-sizing:border-box;background:#fff;border:1px solid #dbe2ea;border-radius:24px;width:100%;min-width:0;margin:0;padding:clamp(20px,4vw,34px)}.form-section legend{color:var(--join-ink);letter-spacing:-.025em;padding:0 10px;font-size:1.35rem;font-weight:900}.section-hint,.field-note{color:#64748b;font-size:.92rem}.section-hint>span,.check-row strong{color:#be123c}.form-grid{grid-template-columns:minmax(0,1fr);gap:18px;width:100%;min-width:0;display:grid}.form-grid.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.form-grid .wide{grid-column:1/-1}.form-section label:not(.choice-card):not(.check-row):not(.amount-field){color:#263449;overflow-wrap:anywhere;gap:8px;min-width:0;max-width:100%;font-weight:800;display:grid}.field-label{align-items:baseline;gap:.25em;min-width:0;display:inline-flex;color:inherit!important}.field-label b{color:#be123c}.form-section input:not([type=checkbox]):not([type=radio]),.form-section textarea{box-sizing:border-box;color:#0f172a;width:100%;min-width:0;max-width:100%;font:inherit;background:#fff;border:1.5px solid #cbd5e1;border-radius:13px;padding:14px 15px;font-weight:500}.form-section textarea{resize:vertical}.form-section input:focus,.form-section textarea:focus{border-color:#e11d48;outline:3px solid #e11d4833}.department-choice{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.department-choice legend,.department-choice .help-tip{grid-column:1/-1}.choice-card{box-sizing:border-box;cursor:pointer;border:2px solid #dbe2ea;border-radius:20px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:14px;width:100%;min-width:0;padding:20px;display:grid;position:relative}.choice-card:has(input:checked){background:#fff1f3;border-color:#e11d48}.choice-card input{accent-color:#e11d48;width:20px;height:20px}.choice-card>span:nth-child(2){font-size:1.6rem}.choice-card>span:last-child{min-width:0}.choice-card strong,.choice-card small{max-width:100%;display:block}.choice-card strong{letter-spacing:-.025em;white-space:nowrap;font-size:clamp(1rem,1.6vw,1.1rem);line-height:1.15}.choice-card small{color:#64748b;overflow-wrap:anywhere;margin-top:3px;line-height:1.4}.help-tip{background:#f1f5f9;border-radius:16px;margin-top:16px;padding:14px 16px}.help-tip summary{cursor:pointer;color:#233147;font-weight:900}.help-tip p{color:#536071;margin:.75rem 0 0;line-height:1.6}.check-row{color:#334155;border-bottom:1px solid #e2e8f0;align-items:flex-start;gap:12px;padding:14px 0;line-height:1.55;display:flex}.check-row:last-child{border-bottom:0}.check-row input{accent-color:#e11d48;flex:none;width:22px;height:22px;margin-top:1px}.check-row a{color:#be123c;text-underline-offset:3px;text-decoration:underline 2px}.contribution-section{background:linear-gradient(135deg,#fff1f3,#fff)}.amount-field{justify-content:space-between;align-items:center;gap:16px;font-weight:900;display:flex}.amount-control{align-items:center;gap:8px;font-size:1.4rem;display:flex;color:#111827!important}.amount-control input{width:150px!important;font-size:1.5rem!important;font-weight:900!important}.contribution-section output{color:#536071;margin-top:14px;font-weight:800;display:block}.secure-note{color:#065f46;background:#ecfdf5;border-radius:16px;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.secure-note p{margin:0}.sepa-notice{color:#475569;background:#fff1f3;border-left:4px solid #e11d48;border-radius:14px;margin-top:16px;padding:16px}.sepa-notice summary{color:#881337;cursor:pointer;align-items:center;gap:.55rem;font-size:1.05rem;font-weight:900;list-style:none;display:flex}.sepa-notice summary::-webkit-details-marker{display:none}.sepa-notice summary:before{content:"▸";flex:none;transition:transform .2s}.sepa-notice[open] summary:before{transform:rotate(90deg)}.sepa-notice summary:focus-visible{outline-offset:4px;border-radius:6px;outline:3px solid #e11d4847}.sepa-notice__body{padding-top:.2rem}.sepa-notice p{margin:.55rem 0 0;line-height:1.6}.submit-card{color:#fff;background:#0d1a2d;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.submit-card strong{color:#fff;font-size:1.08rem;display:block}.submit-card p{color:#cbd5e1;max-width:630px;margin:.35rem 0 0}.submit-card .btn{flex:none}.form-message{color:#b91c1c;min-height:1.4em;font-weight:900}.honey{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.join-success{text-align:center;outline:none}.success-icon{color:#166534;background:#dcfce7;border-radius:24px;place-items:center;width:76px;height:76px;margin:0 auto 20px;font-size:2.7rem;font-weight:900;display:grid}.join-success>strong{color:#fff;letter-spacing:.08em;background:#111827;border-radius:999px;margin:16px 0;padding:12px 18px;font-size:1.25rem;display:inline-block}html[data-theme=dark] .join-page{--join-ink:#f7f9fc;--join-muted:#bcc7d6;--join-card:#0f1c2f;--join-soft:#142238;color:#eef4fb;background:#071322}html[data-theme=dark] .join-intro,html[data-theme=dark] .membership-panel,html[data-theme=dark] .join-success{box-shadow:none;background:#0f1c2f;border-color:#2c3b50}html[data-theme=dark] .panel-heading{background:linear-gradient(135deg,#111f34,#0d192a);border-color:#2c3b50}html[data-theme=dark] .membership-switch button,html[data-theme=dark] .form-section,html[data-theme=dark] .form-section input:not([type=checkbox]):not([type=radio]),html[data-theme=dark] .form-section textarea{color:#f8fafc;background:#101f34;border-color:#36465d}html[data-theme=dark] .membership-switch button[aria-selected=true],html[data-theme=dark] .choice-card:has(input:checked){background:#3a1624;border-color:#fb7185}html[data-theme=dark] .membership-switch small,html[data-theme=dark] .choice-card small,html[data-theme=dark] .section-hint,html[data-theme=dark] .field-note,html[data-theme=dark] .help-tip p{color:#b9c5d4}html[data-theme=dark] .form-section label:not(.choice-card):not(.check-row):not(.amount-field),html[data-theme=dark] .check-row{color:#e5edf7}html[data-theme=dark] .check-row{border-color:#304158}html[data-theme=dark] .help-tip{background:#17273e}html[data-theme=dark] .help-tip summary{color:#f4f7fb}html[data-theme=dark] .contribution-section{background:linear-gradient(135deg,#321521,#101f34)}html[data-theme=dark] .amount-control{color:#fff!important}html[data-theme=dark] .secure-note{color:#b7f7e4;background:#0d352e}html[data-theme=dark] .sepa-notice{color:#d7e0ec;background:#301723}html[data-theme=dark] .sepa-notice summary{color:#fda4af}@media (width<=760px){.join-page .container{width:min(100% - 24px,1040px)}.join-hero__grid{grid-template-columns:1fr}.join-hero h1{font-size:clamp(3rem,15vw,4.6rem)}.membership-switch,.form-grid.two,.department-choice{grid-template-columns:minmax(0,1fr)}.membership-switch button{min-width:0;padding:16px}.form-grid .wide{grid-column:auto}.choice-card{grid-template-rows:auto auto;grid-template-columns:20px minmax(0,1fr);gap:6px 10px;padding:16px 12px}.choice-card>input{grid-area:1/1;align-self:end}.choice-card>span:nth-child(2){grid-area:2/1;align-self:start;font-size:1.25rem}.choice-card>span:last-child{grid-area:1/2/3}.choice-card strong{font-size:clamp(.82rem,4vw,1rem)}.amount-field,.submit-card{flex-direction:column;align-items:stretch}.submit-card .btn{width:100%}.membership-panel,.join-intro,.join-success{border-radius:24px}.form-section{border-radius:20px}}
