.support-page{--support-bg:#0d1118;--support-panel:#121923;--support-panel-2:#18212c;--support-line:#2a3746;--support-text:#f6f8fb;--support-muted:#9aa8b7;--support-cyan:#55e7e7;--support-pink:#f052c9;--support-green:#5ce0a3;display:grid;gap:14px;max-width:1380px;margin:0 auto;color:var(--support-text);font-family:Inter,"Segoe UI",Arial,sans-serif}.support-page *{box-sizing:border-box;letter-spacing:0}.support-page button,.support-page input,.support-page textarea,.support-page select{font:inherit}.support-page button{cursor:pointer}
.support-overview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:20px;align-items:center;padding:24px;border:1px solid var(--support-line);border-radius:8px;background:radial-gradient(circle at 8% 15%,rgba(240,82,201,.14),transparent 31%),radial-gradient(circle at 92% 80%,rgba(85,231,231,.12),transparent 32%),#101720}.support-overview__copy h2{max-width:720px;margin:4px 0 8px;font-size:clamp(1.6rem,3.4vw,2.65rem);line-height:1.12}.support-overview__copy>p:not(.section-kicker){max-width:720px;margin:0;color:#bac5d0;line-height:1.6}.support-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.support-trust span{padding:7px 9px;border:1px solid rgba(92,224,163,.25);border-radius:999px;background:rgba(92,224,163,.07);color:#88edbd;font-size:.65rem;font-weight:800}
.support-goal{display:grid;gap:10px;padding:16px;border:1px solid rgba(85,231,231,.28);border-radius:7px;background:rgba(6,12,17,.72)}.support-goal header,.support-goal footer,.support-goal__amount{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-goal header span,.support-goal footer{color:var(--support-muted);font-size:.67rem}.support-goal header strong{color:var(--support-cyan)}.support-goal__amount>strong{font-size:clamp(1.45rem,2.8vw,2.2rem)}.support-goal__amount span{color:var(--support-muted)}.support-goal>i{position:relative;height:10px;overflow:hidden;border-radius:999px;background:#253241}.support-goal>i b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--support-pink),#f7d45d,var(--support-cyan));transition:width .6s ease}.support-goal footer b{color:#fff}
.support-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.support-metrics article{display:grid;gap:4px;padding:14px;border:1px solid var(--support-line);border-radius:7px;background:var(--support-panel)}.support-metrics span{color:var(--support-muted);font-size:.63rem}.support-metrics strong{font-size:1.05rem}.support-metrics strong.is-online{color:var(--support-green)}.support-metrics small{color:#78899a;font-size:.58rem}
.support-main-grid{display:grid;grid-template-columns:minmax(460px,1.2fr) minmax(330px,.8fr);gap:14px;align-items:start}.support-donate-panel,.support-bank-card,.support-wall,.support-leaderboard,.support-transparency,.support-faq,.support-admin,.support-transfer-confirm{border:1px solid var(--support-line);border-radius:8px;background:var(--support-panel)}.support-donate-panel,.support-bank-card{padding:16px}.support-donate-panel>header,.support-bank-card>header,.support-wall>header,.support-leaderboard>header,.support-admin>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.support-donate-panel header div,.support-bank-card header div,.support-wall header div,.support-leaderboard header div,.support-admin header div{display:grid;gap:2px}.support-donate-panel header span,.support-bank-card header span,.support-wall header span,.support-leaderboard header span{color:var(--support-cyan);font-size:.62rem;font-weight:900;text-transform:uppercase}.support-donate-panel h3,.support-bank-card h3,.support-wall h3,.support-leaderboard h3,.support-admin h3{margin:0;font-size:1.05rem}.support-secure{padding:6px 8px;border:1px solid rgba(92,224,163,.28);border-radius:999px;color:var(--support-green)!important;font-size:.56rem!important}
.support-donate-panel form{display:grid;gap:12px}.support-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.support-presets button{min-height:43px;padding:0 8px;border:1px solid var(--support-line);border-radius:6px;background:#18222e;color:#dce5ee;font-size:.7rem;font-weight:850}.support-presets button:hover,.support-presets button.active{border-color:var(--support-cyan);background:linear-gradient(135deg,rgba(240,82,201,.15),rgba(85,231,231,.12));color:#fff}.support-donate-panel label{display:grid;gap:6px;color:#b6c1cc;font-size:.67rem;font-weight:800}.support-donate-panel input,.support-donate-panel textarea{width:100%;padding:11px;border:1px solid var(--support-line);border-radius:6px;background:#080d13;color:#fff;outline:0}.support-donate-panel input:focus,.support-donate-panel textarea:focus{border-color:var(--support-cyan);box-shadow:0 0 0 3px rgba(85,231,231,.08)}.support-donate-panel textarea{resize:vertical}.support-donate-panel label>small{color:#79899a;font-size:.56rem;text-align:right}.support-amount-field>div{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;border:1px solid var(--support-line);border-radius:6px;background:#080d13}.support-amount-field>div:focus-within{border-color:var(--support-cyan)}.support-amount-field>div>b{display:grid;place-items:center;height:100%;border-right:1px solid var(--support-line);color:#f5d65e}.support-amount-field input{border:0;background:transparent;font-size:1.15rem;font-weight:900;box-shadow:none!important}.support-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.support-check{display:grid!important;grid-template-columns:20px minmax(0,1fr);align-items:start}.support-check input{width:18px;height:18px;padding:0;accent-color:var(--support-pink)}.support-check>span{display:grid}.support-check small{color:var(--support-muted);font-weight:400}.support-primary{min-height:44px;padding:0 16px;border:1px solid var(--support-cyan);border-radius:6px;background:linear-gradient(135deg,#f5dd61,var(--support-cyan));color:#071112;font-weight:900}.support-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.support-primary:disabled{cursor:wait;opacity:.6}.support-form-status{margin:0;padding:9px;border-left:3px solid var(--support-cyan);background:#0c131b;color:var(--support-muted);font-size:.63rem;line-height:1.45}.support-form-status[data-state=success]{border-color:var(--support-green);color:#8feec0}.support-form-status[data-state=error]{border-color:#ff7088;color:#ff9dad}
.support-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px}.support-methods button{display:grid;gap:3px;min-height:62px;padding:10px 12px;border:1px solid var(--support-line);border-radius:7px;background:#0c131b;color:#dfe6ed;text-align:left}.support-methods button span{font-size:.7rem;font-weight:900}.support-methods button small{color:var(--support-muted);font-size:.56rem;line-height:1.35}.support-methods button:hover:not(:disabled),.support-methods button.active{border-color:var(--support-cyan);background:linear-gradient(135deg,rgba(85,231,231,.12),rgba(240,82,201,.09));box-shadow:inset 3px 0 0 var(--support-cyan)}.support-methods button:disabled{cursor:not-allowed;opacity:.48}.support-methods button.active small{color:#b7f5ee}
.support-bank-card{position:sticky;top:12px;transition:opacity .2s ease,border-color .2s ease}.support-bank-card.is-secondary{border-color:rgba(85,231,231,.18);opacity:.7}.support-bank-card>header>strong{color:#65d5a0;font-size:.72rem}.support-qr-wrap{display:grid;place-items:center;max-height:390px;overflow:hidden;padding:10px;border:1px solid var(--support-line);border-radius:7px;background:#eef5f7}.support-qr-wrap img{display:block;width:100%;height:370px;object-fit:cover;object-position:center 43%}.support-bank-card dl{display:grid;gap:0;margin:12px 0}.support-bank-card dl>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:9px;padding:9px 0;border-bottom:1px solid var(--support-line)}.support-bank-card dt{color:var(--support-muted);font-size:.62rem}.support-bank-card dd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;color:#fff;font-size:.7rem;font-weight:800;overflow-wrap:anywhere}.support-bank-card dd button{padding:5px 7px;border:1px solid var(--support-line);border-radius:5px;background:#1b2733;color:var(--support-cyan);font-size:.55rem}.support-bank-card>p{margin:0;color:var(--support-muted);font-size:.62rem;line-height:1.5}
.support-transfer-confirm{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.35fr) auto auto;align-items:end;gap:10px;padding:15px;border-color:rgba(85,231,231,.36);background:linear-gradient(90deg,rgba(85,231,231,.07),rgba(240,82,201,.05))}.support-transfer-confirm[hidden]{display:none}.support-transfer-confirm div span{color:var(--support-cyan);font-size:.6rem;font-weight:900}.support-transfer-confirm h3{margin:2px 0}.support-transfer-confirm p{margin:0;color:var(--support-muted);font-size:.65rem}.support-transfer-confirm label{display:grid;gap:5px;color:var(--support-muted);font-size:.6rem}.support-transfer-confirm input{min-height:42px;padding:0 8px;border:1px solid var(--support-line);border-radius:6px;background:#080d13;color:#fff}.support-transfer-confirm>button:not(.support-primary){min-height:44px;padding:0 11px;border:1px solid var(--support-line);border-radius:6px;background:#18232f;color:#fff}.support-transfer-confirm.is-submitted{border-color:var(--support-green)}
.support-payos-checkout{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;border:1px solid rgba(85,231,231,.4);border-radius:8px;background:linear-gradient(110deg,rgba(85,231,231,.1),rgba(240,82,201,.08)),var(--support-panel)}.support-payos-checkout[hidden]{display:none}.support-payos-checkout__mark{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--support-cyan);border-radius:7px;background:#eefbfa;color:#075d64;font-size:.72rem;font-weight:950}.support-payos-checkout>div:nth-child(2){display:grid;gap:3px}.support-payos-checkout>div>span{color:var(--support-cyan);font-size:.58rem;font-weight:900}.support-payos-checkout h3{margin:0;font-size:1rem}.support-payos-checkout p{margin:0;color:var(--support-muted);font-size:.64rem;line-height:1.5}.support-payos-checkout__actions{display:flex;align-items:center;gap:8px}.support-payos-checkout__actions .support-primary{display:grid;place-items:center;text-decoration:none;white-space:nowrap}.support-payos-checkout__actions button{min-height:44px;padding:0 12px;border:1px solid var(--support-line);border-radius:6px;background:#18232f;color:#fff;white-space:nowrap}.support-payos-checkout.is-paid{border-color:var(--support-green);background:linear-gradient(110deg,rgba(92,224,163,.13),rgba(85,231,231,.07)),var(--support-panel)}.support-payos-checkout.is-paid .support-payos-checkout__mark{border-color:var(--support-green);background:#dffbef;color:#126443}.support-payos-checkout.is-paid [data-support-payos-open]{display:none}
.support-community-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:14px}.support-wall,.support-leaderboard{padding:15px}.support-wall header button,.support-admin header button{padding:7px 9px;border:1px solid var(--support-line);border-radius:5px;background:#18232f;color:var(--support-cyan)}.support-wall>[data-support-wall],.support-leaderboard>[data-support-leaderboard]{display:grid;gap:8px}.support-wall article{padding:11px;border:1px solid var(--support-line);border-radius:6px;background:#0d141d}.support-wall article>div{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px}.support-wall article>div>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,var(--support-pink),var(--support-cyan));color:#091014;font-size:.58rem;font-weight:900}.support-wall article>div>div{display:grid}.support-wall article small{color:var(--support-muted);font-size:.55rem}.support-wall article>div>b{color:#f4d961;font-size:.7rem}.support-wall article>p{margin:9px 0 0;padding-top:8px;border-top:1px solid var(--support-line);color:#c6d0d9;font-size:.68rem;line-height:1.5}.support-leaderboard article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border-bottom:1px solid var(--support-line)}.support-leaderboard article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#263443;color:var(--support-cyan);font-weight:900}.support-leaderboard article>div{display:grid}.support-leaderboard small{color:var(--support-muted);font-size:.55rem}.support-leaderboard article>b{color:#f4d961;font-size:.68rem}.support-empty{margin:0;padding:18px;color:var(--support-muted);text-align:center}
.support-transparency{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:20px;align-items:center;padding:18px}.support-transparency h3{margin:3px 0 7px}.support-transparency>div>p:not(.section-kicker){margin:0;color:var(--support-muted);line-height:1.55}.support-allocation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.support-allocation span{position:relative;display:grid;align-content:end;min-height:110px;padding:10px;overflow:hidden;border:1px solid var(--support-line);border-radius:6px;background:#0c131b;color:#b9c4ce;font-size:.58rem}.support-allocation span:before{position:absolute;inset:auto 0 0;height:var(--allocation);background:linear-gradient(180deg,rgba(85,231,231,.14),rgba(240,82,201,.18));content:""}.support-allocation b{position:relative;color:#fff;font-size:1rem}
.support-faq{padding:16px}.support-faq h3{margin:0 0 10px}.support-faq details{border-top:1px solid var(--support-line)}.support-faq summary{padding:12px 0;color:#e8eef4;font-size:.72rem;font-weight:800;cursor:pointer}.support-faq details p{margin:0 0 12px;color:var(--support-muted);font-size:.68rem;line-height:1.55}
.support-admin{padding:16px;border-color:rgba(240,82,201,.35)}.support-admin>header p:not(.section-kicker){margin:4px 0 0;color:var(--support-muted);font-size:.65rem}.support-admin-toolbar{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:10px}.support-admin-toolbar label{display:grid;gap:5px;color:var(--support-muted);font-size:.6rem}.support-admin-toolbar select{min-height:38px;padding:0 8px;border:1px solid var(--support-line);border-radius:6px;background:#080d13;color:#fff}.support-admin-toolbar>span{color:var(--support-cyan);font-size:.68rem}.support-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.support-admin-list>article{padding:11px;border:1px solid var(--support-line);border-radius:7px;background:#0d141d}.support-admin-list article>header{display:flex;justify-content:space-between;gap:9px}.support-admin-list article>header div{display:grid}.support-admin-list article>header span{color:var(--support-cyan);font:600 .56rem Consolas,monospace}.support-admin-list article>header>b{color:#f5d85f}.support-admin-list article>p{min-height:36px;color:#b6c2cc;font-size:.65rem}.support-admin-list dl{display:grid;grid-template-columns:1fr 1fr;gap:6px}.support-admin-list dl div{min-width:0}.support-admin-list dt{color:var(--support-muted);font-size:.54rem}.support-admin-list dd{margin:2px 0;overflow:hidden;font-size:.62rem;text-overflow:ellipsis}.support-admin-list footer{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;padding-top:9px;border-top:1px solid var(--support-line)}.support-admin-list footer button{padding:6px 8px;border:1px solid var(--support-line);border-radius:5px;background:#18232f;color:#fff;font-size:.58rem}.support-admin-list footer button:first-child{border-color:var(--support-green);color:#83edba}.support-admin-list footer button.danger{border-color:#ff7088;color:#ff9bad}.support-status{display:inline-flex;padding:3px 6px;border-radius:999px;background:#273443;color:#dce5ec}.support-status--verified{background:#17382d;color:#82ebba}.support-status--submitted{background:#17313d;color:#7ce8e6}.support-status--rejected{background:#402029;color:#ff9dac}
@media(max-width:1100px){.support-overview,.support-main-grid,.support-community-grid,.support-transparency{grid-template-columns:1fr}.support-bank-card{position:relative;top:auto}.support-qr-wrap img{height:430px}.support-transfer-confirm{grid-template-columns:1fr 1fr}.support-transfer-confirm>div{grid-column:1/-1}.support-payos-checkout{grid-template-columns:auto minmax(0,1fr)}.support-payos-checkout__actions{grid-column:1/-1}.support-allocation{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.support-overview{padding:17px}.support-metrics{grid-template-columns:repeat(2,1fr)}.support-methods,.support-form-grid{grid-template-columns:1fr}.support-presets{grid-template-columns:repeat(2,1fr)}.support-transfer-confirm{grid-template-columns:1fr}.support-transfer-confirm>div{grid-column:auto}.support-payos-checkout{grid-template-columns:1fr}.support-payos-checkout__actions{grid-column:auto;align-items:stretch;flex-direction:column}.support-payos-checkout__actions .support-primary,.support-payos-checkout__actions button{width:100%}.support-allocation{grid-template-columns:repeat(2,1fr)}.support-admin-list{grid-template-columns:1fr}.support-admin-list dl{grid-template-columns:1fr}.support-qr-wrap img{height:360px}}
@media(max-width:440px){.support-metrics{grid-template-columns:1fr}.support-goal header,.support-goal footer,.support-goal__amount{align-items:flex-start;flex-direction:column}.support-donate-panel,.support-bank-card,.support-wall,.support-leaderboard,.support-transparency,.support-faq,.support-admin{padding:12px}.support-bank-card dl>div{grid-template-columns:1fr}.support-allocation{grid-template-columns:1fr}.support-qr-wrap img{height:300px}}
@media(prefers-reduced-motion:reduce){.support-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}