:root{--bg:#ffcf84;--header-bg:#6e7b8a;--section-bg:#f3f4f6;--section-border:#d6dde5;--surface:#fff;--surface-soft:#fff6e6;--text:#243240;--muted:#6e7b8a;--border:#e8ddc8;--primary:#ffcf84;--primary-soft:#fff0d0;--primary-contrast:#3d3120;--primary-strong:#f0bd67;--accent-magenta:#d80b8c;--accent-turquoise:#009fbc;--accent-green:#5bb096;--glass-surface:#ffffffc2;--glass-surface-soft:#fffaf0d1;--glass-border:#fff4dceb;--switch-track-off:#e5dccd;--switch-thumb:#fff;--price-chip-bg:#fff4dbf2;--price-chip-border:#ffcf84eb;--price-chip-text:#3d3120}:root[data-theme=dark]{--bg:#181c22;--header-bg:#20252d;--section-bg:#252c35;--section-border:#394453;--surface:#20252d;--surface-soft:#252c35;--text:#f8f4ec;--muted:#b6bec8;--border:#394453;--primary:#ffcf84;--primary-soft:#ffcf842e;--primary-contrast:#2f2416;--primary-strong:#ffd99e;--accent-magenta:#ef4aa9;--accent-turquoise:#43c7df;--accent-green:#7cc7b1;--glass-surface:#20252dc2;--glass-surface-soft:#252c35b3;--glass-border:#b6bec838;--switch-track-off:#414b58;--switch-thumb:#fff8ef;--price-chip-bg:#ffcf842e;--price-chip-border:#ffcf845c;--price-chip-text:#ffdfaa}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);isolation:isolate;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:relative}#root{z-index:1;position:relative}.site-header{z-index:20;background:var(--header-bg);border-bottom:1px solid var(--border);width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;position:fixed;top:0;left:0;right:0}.app-content{padding-top:134px}.site-header__inner{grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;max-width:1120px;min-height:96px;margin:0 auto;padding:1.15rem 1rem;transition:min-height .32s cubic-bezier(.2,.85,.25,1),padding .32s cubic-bezier(.2,.85,.25,1);display:grid}.brand-button{color:var(--text);letter-spacing:.01em;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;padding:0;font-weight:800;display:inline-flex}.brand-logo{width:auto;height:76px;transition:height .32s cubic-bezier(.2,.85,.25,1);display:block}.site-header.is-compact .site-header__inner{min-height:68px;padding:.8rem 1rem}.site-header.is-compact .brand-logo{height:52px}.site-nav{flex-wrap:wrap;justify-self:end;align-items:center;gap:.8rem;min-width:0;display:flex}.site-nav a,.site-nav button{appearance:none;min-height:36px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .6rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.site-nav a:after,.site-nav button:after{content:"";background:var(--primary);transform-origin:50%;border-radius:999px;height:2px;transition:transform .22s;position:absolute;bottom:2px;left:10px;right:10px;transform:scaleX(0)}.site-nav a:hover,.site-nav button:hover{color:var(--accent-turquoise)}.site-nav a:hover:after,.site-nav button:hover:after,.site-nav a:focus-visible:after,.site-nav button:focus-visible:after{transform:scaleX(1)}.site-nav a:focus-visible,.site-nav button:focus-visible{outline:none}.site-controls{justify-self:end;gap:.5rem;display:flex}.pill-group{border:1px solid var(--border);border-radius:999px;gap:.2rem;padding:.2rem;display:flex}.pill-group--animated{isolation:isolate;position:relative}.pill-group__active-indicator{width:calc((100% - .4rem) / var(--tab-count));background:var(--primary-soft);transform:translateX(calc(100% * var(--active-index)));z-index:0;border-radius:999px;transition:transform .28s cubic-bezier(.2,.85,.25,1),opacity .2s;position:absolute;top:.2rem;bottom:.2rem;left:.2rem;box-shadow:inset 0 -1px #3d312014}.pill{color:var(--muted);cursor:pointer;z-index:1;background:0 0;border:0;border-radius:999px;padding:.35rem .62rem;font-weight:700;transition:color .22s,opacity .22s,transform .22s;position:relative}.pill.is-active{color:var(--primary-contrast)}.icon-pill-group{padding:.16rem}.icon-pill{justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.container{max-width:980px;margin:0 auto;padding:1.5rem 1rem 3rem}.checkout-layout{grid-template-columns:1.1fr .9fr;align-items:start;gap:1rem;display:grid}.checkout-side{gap:1rem;margin-top:1rem;display:grid}.member-card{border:1px solid var(--section-border);background:var(--section-bg);min-height:148px;color:var(--text);-webkit-backdrop-filter:none;box-shadow:none;border-radius:16px;align-content:space-between;padding:1rem;display:grid}.member-card__header span{color:inherit;font-weight:800}.member-card__header{justify-content:space-between;align-items:center;gap:.7rem;font-weight:700;display:flex}.member-card__header strong{background:var(--price-chip-bg);border:1px solid var(--price-chip-border);color:var(--price-chip-text);border-radius:999px;padding:.22rem .6rem;font-size:.95rem}.member-card__name{letter-spacing:.05em;font-weight:800}.member-card__footer{color:var(--muted);justify-content:flex-start;font-weight:700;display:flex}.member-card__meta{align-items:center;gap:.45rem;display:inline-flex}.member-card__meta svg{flex:none}.compact-panel p{margin-bottom:0}.hero{margin:0 0 1rem}.hero h1{margin:0;font-size:clamp(1.55rem,2.6vw,2.25rem)}.hero p{color:var(--muted);margin:.45rem 0 0}.panel{background:var(--section-bg);border:1px solid var(--section-border);-webkit-backdrop-filter:none;box-shadow:none;border-radius:16px;margin-top:1rem;padding:1rem}.panel h2,.panel h3{margin-top:0}.form-grid,.payment-form,.modal-form{gap:.9rem;display:grid}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}label{gap:.33rem;font-weight:600;display:grid}.field-label{align-items:center;gap:.2rem;display:inline-flex}.required-mark{color:var(--text);font-weight:800}input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:10px;padding:.7rem .75rem}input:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 45%, transparent);outline-offset:1px}.selection-card{border:1px solid var(--section-border);background:var(--section-bg);-webkit-backdrop-filter:none;border-radius:12px;padding:.8rem}.switch-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.switch{border:1px solid var(--border);background:var(--switch-track-off);cursor:pointer;border-radius:999px;justify-content:flex-start;align-items:center;width:56px;height:32px;padding:3px;transition:background .2s;display:inline-flex}.switch:disabled{opacity:.6;cursor:not-allowed}.switch.is-on{background:var(--primary-strong)}.switch__thumb{background:var(--switch-thumb);border-radius:999px;width:24px;height:24px;transition:transform .2s;box-shadow:0 1px 2px #0f172a33}.switch.is-on .switch__thumb{transform:translate(24px)}.switch:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 45%, transparent);outline-offset:1px}.tabs{border:1px solid var(--border);background:var(--surface);border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));padding:.14rem;display:inline-grid}.tabs--animated{isolation:isolate;position:relative}.tabs__active-indicator{width:calc((100% - .28rem) / var(--tab-count));background:var(--primary-soft);transform:translateX(calc(100% * var(--active-index)));opacity:var(--indicator-opacity,1);z-index:0;border-radius:999px;transition:transform .28s cubic-bezier(.2,.85,.25,1),opacity .2s;position:absolute;top:.14rem;bottom:.14rem;left:.14rem;box-shadow:inset 0 -1px #3d312014}.tabs-centered{width:min(100%,340px);margin-inline:auto;display:grid}.tabs--3{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.tier-tabs{gap:.55rem;display:grid}.tier-tabs__row{width:100%}.tab{color:var(--muted);cursor:pointer;z-index:1;background:0 0;border:0;border-radius:999px;padding:.34rem .7rem;font-weight:700;transition:color .22s,opacity .22s,transform .22s;position:relative}.tab--stacked{text-align:center;justify-content:center;align-items:center;min-height:38px;display:flex}.tab__label{align-items:center;min-height:100%;font-size:.86rem;line-height:1;display:inline-flex}.tab__meta{font-size:.82rem;font-weight:800}.tab.is-active{background:var(--primary-soft);color:var(--primary-contrast)}.tabs--animated .tab.is-active{background:0 0}.tab:disabled{opacity:.58;cursor:not-allowed}.primary-button,.danger-button,.ghost-button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:.72rem 1rem;font-weight:700}.primary-button{background:var(--primary);color:var(--primary-contrast);box-shadow:inset 0 -1px #3d31202e}.payment-confirm-button{border:1px solid color-mix(in srgb, var(--primary-contrast) 20%, var(--primary-strong));background:linear-gradient(180deg, color-mix(in srgb, white 18%, var(--primary)) 0%, var(--primary-strong) 100%);letter-spacing:.01em;justify-content:center;align-items:center;gap:.45rem;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;transform:translateY(0);box-shadow:inset 0 1px #ffffff6b,0 12px 24px -16px #3d31206b,0 0 0 1px #3d31200f}.payment-confirm-button:hover,.payment-confirm-button:focus-visible{filter:saturate(1.04);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff7a,0 16px 30px -18px #3d31207a,0 0 0 1px #3d312017}.danger-button{color:#fff;background:#dc2626;margin-top:.6rem}.ghost-button{background:var(--surface-soft);color:var(--text)}.primary-button:disabled,.danger-button:disabled{opacity:.65;cursor:not-allowed}.secondary-link{color:var(--accent-magenta);font-weight:700;text-decoration:none}.secondary-link:hover{text-decoration:underline}.hint{color:var(--muted);margin:.2rem 0 0}.locked-note{color:var(--muted);margin:0;font-size:.95rem}.hint-block{gap:.6rem;display:grid}.inline-payment-block{gap:.75rem;margin-top:.85rem;display:grid}.stripe-payment-element{border:1px solid var(--section-border);background:var(--surface);border-radius:14px;padding:.85rem}.error{color:#dc2626;margin:0}.success{color:#16a34a;margin:0}.manage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.badge{text-transform:lowercase;border-radius:999px;align-items:center;padding:.18rem .55rem;font-size:.86rem;font-weight:700;display:inline-flex}.badge-pending{color:#8b5e11;background:#fff1d4}.badge-active{background:color-mix(in srgb, var(--accent-green) 24%, white);color:#27685a}.badge-sepa_preconfirmed{color:#1d4ed8;background:#dce9fd}.badge-past_due,.badge-sepa_incident{background:color-mix(in srgb, var(--accent-magenta) 18%, white);color:#8d0f5f}.badge-canceled{background:color-mix(in srgb, var(--muted) 16%, white);color:#526171}.status-success{gap:1rem;display:grid}.status-success__topbar{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.status-success__hero{flex:1;gap:.55rem;display:grid}.status-success__hero h2,.status-success__hero p{margin:0}.status-success__eyebrow{letter-spacing:.05em;text-transform:uppercase;color:#4e7d72;align-items:center;gap:.4rem;font-size:.82rem;font-weight:800;display:inline-flex}.status-success__back-button{white-space:nowrap;align-items:center;gap:.45rem;display:inline-flex}.status-success__note{color:var(--text)}.status-success__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.status-success__fact{border:1px solid var(--section-border);background:var(--section-bg);border-radius:14px;gap:.2rem;padding:.95rem 1rem;display:grid}.status-success__fact span{color:var(--muted);font-size:.82rem;font-weight:700}.status-success__fact strong{color:var(--text);font-size:1rem}.modal-backdrop{z-index:40;background:#0f172a8f;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);will-change:transform, opacity;border-radius:16px;width:min(520px,100%);padding:1rem}.modal-backdrop.is-entering{animation:.2s forwards modal-backdrop-in}.modal-backdrop.is-entering .modal{animation:.24s cubic-bezier(.2,.85,.25,1) forwards modal-in}.modal-backdrop.is-leaving{animation:.18s forwards modal-backdrop-out}.modal-backdrop.is-leaving .modal{animation:.18s forwards modal-out}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(6px)scale(.98)}}.modal h2{margin:0}.modal p{color:var(--muted);margin:.4rem 0 .9rem}.modal-actions{justify-content:flex-end;gap:.6rem;display:flex}@media (width<=920px){.app-content{padding-top:115px}.site-header__inner{grid-template-columns:auto 1fr auto;gap:.5rem;min-height:84px;padding:.95rem .9rem}.brand-logo{height:68px}.site-header.is-compact .site-header__inner{min-height:68px;padding:.62rem .9rem}.site-header.is-compact .brand-logo{height:52px}.site-nav{justify-content:flex-end;gap:.45rem;width:auto}.site-controls{flex-wrap:wrap;justify-content:flex-end;gap:.35rem}}@media (width<=700px){.app-content{padding-top:116px}.site-header__inner{grid-template-columns:auto 1fr auto;gap:.42rem;min-height:86px;padding:.9rem .75rem}.site-nav{display:none}.brand-logo{height:78px}.site-header.is-compact .site-header__inner{min-height:64px;padding:.5rem .75rem}.site-header.is-compact .brand-logo{height:58px}.site-controls{justify-content:flex-end;width:auto}.pill-group{padding:.17rem}.icon-pill{width:32px;height:32px}.pill{padding:.32rem .56rem}.container{padding:1rem .85rem 2.5rem}.checkout-layout,.split-grid,.manage-grid,.status-success__facts{grid-template-columns:1fr}.status-success__topbar{flex-direction:column;align-items:stretch}.status-success__back-button{justify-content:center;width:100%}.tabs{width:100%}.tabs--3{grid-template-columns:1fr}.tabs--3.tabs--animated .tabs__active-indicator{display:none}.tabs--3.tabs--animated .tab.is-active{background:var(--primary-soft)}.switch-row{flex-wrap:wrap}.tab{width:100%}}