.gt-support-page { position:relative; min-height:calc(100vh - 66px); overflow:hidden; color:var(--gt-text); }
.gt-support-hero { padding:clamp(55px,8vw,100px) 0 48px; }
.gt-support-hero-copy { position:relative; z-index:1; max-width:880px; }
.gt-support-hero h1 { max-width:820px; margin:20px 0 20px; font-size:clamp(2.8rem,7vw,5.6rem); font-weight:950; letter-spacing:-.065em; line-height:.96; }
.gt-support-hero-copy>p { max-width:720px; margin:0; color:var(--gt-muted); font-size:clamp(1rem,2vw,1.18rem); line-height:1.7; }
.gt-support-promises { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.gt-support-promises>span { display:inline-flex; align-items:center; gap:8px; padding:9px 13px; border:1px solid var(--gt-border); border-radius:999px; background:color-mix(in srgb,var(--gt-card) 86%,transparent); color:var(--gt-muted); font-size:.78rem; font-weight:800; }
.gt-support-promises i { color:var(--gt-brand); }
.gt-support-section { padding:0 0 100px; }
.gt-support-notice { display:flex; align-items:center; gap:12px; margin-bottom:18px; border-radius:16px; }
.gt-support-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); gap:20px; align-items:start; }
.gt-support-card { padding:clamp(24px,4vw,38px); border:1px solid var(--gt-border); border-radius:26px; background:linear-gradient(145deg,color-mix(in srgb,var(--gt-card) 98%,transparent),color-mix(in srgb,var(--gt-surface) 86%,transparent)); box-shadow:var(--gt-shadow); }
.gt-support-card h2,.gt-support-heading h2 { margin:5px 0 8px; font-size:clamp(1.55rem,3vw,2.35rem); font-weight:920; letter-spacing:-.04em; }
.gt-support-card header p,.gt-support-heading p { margin:0; color:var(--gt-muted); line-height:1.6; }
.gt-support-eyebrow { color:var(--gt-brand); font-size:.7rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.gt-support-form fieldset { margin:27px 0 0; padding:0; border:0; }
.gt-support-form legend { margin-bottom:10px; color:var(--gt-text); font-size:.78rem; font-weight:900; }
.gt-support-segmented { display:grid; grid-template-columns:1fr 1fr; gap:7px; padding:5px; border:1px solid var(--gt-border); border-radius:15px; background:var(--gt-surface); }
.gt-support-segmented label,.gt-support-amounts label { cursor:pointer; }
.gt-support-segmented input,.gt-support-amounts input { position:absolute; opacity:0; pointer-events:none; }
.gt-support-segmented span { display:block; padding:10px 14px; border-radius:10px; color:var(--gt-muted); font-size:.86rem; font-weight:850; text-align:center; }
.gt-support-segmented input:checked+span { background:var(--gt-brand); color:var(--gt-brand-contrast); box-shadow:0 8px 20px color-mix(in srgb,var(--gt-brand) 25%,transparent); }
.gt-support-amounts { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.gt-support-amounts span { display:grid; min-height:48px; place-items:center; border:1px solid var(--gt-border); border-radius:13px; background:var(--gt-surface); color:var(--gt-text); font-size:.88rem; font-weight:900; }
.gt-support-amounts input:checked+span { border-color:var(--gt-brand); background:color-mix(in srgb,var(--gt-brand) 13%,var(--gt-card)); color:var(--gt-brand); box-shadow:0 0 0 2px color-mix(in srgb,var(--gt-brand) 14%,transparent); }
.gt-support-custom,.gt-support-name { display:grid; gap:7px; margin-top:12px; color:var(--gt-muted); font-size:.76rem; font-weight:800; }
.gt-support-option { margin-top:25px; padding:17px; border:1px solid var(--gt-border-soft); border-radius:16px; background:var(--gt-surface); color:var(--gt-muted); font-size:.84rem; }
.gt-support-option>label:first-child,.gt-support-confirm { display:flex; align-items:flex-start; gap:9px; }
.gt-support-name small { color:var(--gt-muted); font-weight:600; }
.gt-support-confirm { margin-top:17px; color:var(--gt-muted); font-size:.8rem; line-height:1.45; }
.gt-support-confirm input,.gt-support-option input { flex:0 0 auto; margin-top:2px; }
.gt-support-submit { width:100%; margin-top:22px; padding:12px 18px; display:flex; justify-content:center; align-items:center; gap:9px; font-weight:900; }
.gt-support-status { min-height:1.5em; margin:10px 0 0; color:var(--gt-muted); font-size:.78rem; text-align:center; }
.gt-support-status.is-error { color:#ef6a6a; }
.gt-support-fineprint { margin:8px 0 0; color:var(--gt-muted); font-size:.69rem; line-height:1.45; text-align:center; }
.gt-support-portal { margin-top:12px; display:flex; justify-content:center; align-items:center; gap:7px; color:var(--gt-brand); font-size:.78rem; font-weight:800; }
.gt-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; opacity:0!important; }
.gt-support-progress { position:sticky; top:88px; overflow:hidden; }
.gt-support-progress::before { position:absolute; inset:0 0 auto; height:3px; background:linear-gradient(90deg,transparent,var(--gt-brand),transparent); content:""; }
.gt-support-total { margin:30px 0 12px; display:flex; align-items:baseline; gap:8px; }
.gt-support-total strong { font-size:clamp(2.2rem,5vw,3.4rem); font-weight:950; letter-spacing:-.055em; }
.gt-support-total span { color:var(--gt-muted); font-weight:800; }
.gt-support-bar { height:12px; overflow:hidden; border-radius:999px; background:var(--gt-surface-2); }
.gt-support-bar span { display:block; width:var(--gt-support-progress,0%); height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--gt-brand),#ffb703); transition:width .5s ease; }
.gt-support-progress>p { margin:17px 0; color:var(--gt-muted); font-size:.82rem; line-height:1.55; }
.gt-support-milestones { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.gt-support-milestones span { padding:12px; border:1px solid var(--gt-border-soft); border-radius:13px; background:var(--gt-surface); }
.gt-support-milestones strong,.gt-support-milestones small { display:block; }
.gt-support-milestones strong { font-size:.9rem; font-weight:950; }
.gt-support-milestones small { margin-top:2px; color:var(--gt-muted); font-size:.61rem; font-weight:800; }
.gt-support-milestones span.is-reached { border-color:color-mix(in srgb,var(--gt-brand) 45%,var(--gt-border)); background:color-mix(in srgb,var(--gt-brand) 9%,var(--gt-card)); }
.gt-support-recurring { margin-top:18px; padding-top:17px; display:flex; align-items:center; gap:10px; border-top:1px solid var(--gt-border); color:var(--gt-muted); font-size:.8rem; }
.gt-support-recurring i { color:var(--gt-brand); font-size:1.15rem; }
.gt-support-gross-note { margin-bottom:0!important; font-size:.68rem!important; }
.gt-support-impact,.gt-support-wall { margin-top:70px; }
.gt-support-heading { max-width:780px; margin-bottom:22px; }
.gt-support-impact-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.gt-support-impact-grid article { padding:26px; border:1px solid var(--gt-border); border-radius:20px; background:var(--gt-card); box-shadow:var(--gt-shadow-soft); }
.gt-support-impact-grid article>i { width:46px; height:46px; display:grid; place-items:center; border-radius:14px; background:color-mix(in srgb,var(--gt-brand) 11%,transparent); color:var(--gt-brand); font-size:1.1rem; }
.gt-support-impact-grid h3 { margin:18px 0 8px; font-size:1.05rem; font-weight:900; }
.gt-support-impact-grid p { margin:0; color:var(--gt-muted); font-size:.82rem; line-height:1.55; }
.gt-support-wall { padding:clamp(26px,4vw,42px); border:1px solid var(--gt-border); border-radius:26px; background:var(--gt-card); }
.gt-support-names { display:flex; flex-wrap:wrap; gap:9px; }
.gt-support-names>span:not(.gt-support-empty) { padding:7px 11px; border:1px solid var(--gt-border-soft); border-radius:999px; background:var(--gt-surface); color:var(--gt-text); font-size:.76rem; font-weight:800; }
.gt-support-empty { color:var(--gt-muted); font-style:italic; }
@media(max-width:991.98px){.gt-support-grid{grid-template-columns:1fr}.gt-support-progress{position:relative;top:auto}.gt-support-impact-grid{grid-template-columns:1fr}.gt-support-amounts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:575.98px){.gt-support-hero{padding-top:42px}.gt-support-card{padding:22px;border-radius:20px}.gt-support-amounts{grid-template-columns:repeat(2,1fr)}.gt-support-promises{align-items:stretch;flex-direction:column}.gt-support-promises>span{width:fit-content}}
@media(prefers-reduced-motion:reduce){.gt-support-bar span{transition:none}}
