:root.support{--support-text:#f4f7ff;--support-muted:#c7d0ea;--support-card:rgba(15,21,48,.95);--support-gold:#f4c542;--support-mint:#7bf9c8}.support-page{max-width:1120px;margin:2rem auto 4rem;display:grid;gap:1.25rem}.support-hero,.support-options,.support-use-card,.support-transparency{padding:clamp(1.25rem,4vw,2.35rem);border:1px solid rgba(111,155,255,.26);border-radius:22px;background:var(--support-card);box-shadow:0 16px 42px rgba(0,0,0,.3)}.support-hero{text-align:center;background:radial-gradient(circle at 50% 0,rgba(31,85,168,.42),transparent 50%),var(--support-card)}.support-coffee-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto .85rem;border:1px solid rgba(244,197,66,.32);border-radius:22px;background:rgba(244,197,66,.1);font-size:2rem}.support-eyebrow{margin:0 0 .45rem;color:var(--support-mint);font-size:.78rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.support-hero h2,.support-section-heading h2,.support-use-card h2,.support-transparency h2{margin:.15rem 0 .7rem;color:#fff;line-height:1.13}.support-hero h2{font-size:clamp(2rem,6vw,3.65rem)}.support-lead,.support-mission,.support-section-heading p,.support-transparency p{max-width:850px;margin:.7rem auto;color:var(--support-muted);font-size:1.04rem;line-height:1.72}.support-lead strong{color:#fff}.support-mission{max-width:780px}.support-promise{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1.35rem}.support-promise span{padding:.5rem .78rem;border:1px solid rgba(123,249,200,.28);border-radius:999px;background:rgba(123,249,200,.08);color:#eafff7;font-weight:750;font-size:.88rem}.support-section-heading{text-align:center;margin-bottom:1.45rem}.support-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:stretch}.support-card{position:relative;display:flex;flex-direction:column;min-height:100%;padding:1.3rem;border:1px solid rgba(111,155,255,.24);border-radius:18px;background:linear-gradient(180deg,rgba(21,31,68,.88),rgba(8,14,34,.84));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.support-card:hover{transform:translateY(-3px);border-color:rgba(123,249,200,.35);box-shadow:0 15px 34px rgba(0,0,0,.22)}.support-card.featured{border-color:rgba(123,249,200,.58);box-shadow:0 0 28px rgba(123,249,200,.09)}.support-card-badge{position:absolute;top:.75rem;right:.75rem;padding:.3rem .55rem;border-radius:999px;background:rgba(123,249,200,.12);color:#dffff3;font-size:.68rem;font-weight:800;letter-spacing:.03em}.support-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:.8rem;border-radius:14px;background:rgba(79,140,255,.15);color:#fff;font-size:1.35rem;font-weight:900}.support-amount{margin:0;color:var(--support-gold);font-size:clamp(1.8rem,4vw,2.45rem);font-weight:900;line-height:1}.support-card h3{margin:.55rem 0 .5rem;color:#fff;font-size:1.08rem}.support-card>p:not(.support-amount){margin:0 0 1rem;color:var(--support-muted);line-height:1.6}.support-card>.btn{width:100%;margin-top:auto;justify-content:center;text-align:center}.support-card-custom{grid-column:span 1}.support-custom-form{display:grid;gap:.7rem;margin-top:auto}.support-custom-form label{color:#dce5ff;font-size:.85rem;font-weight:750}.support-custom-input{display:flex;align-items:center;border:1px solid rgba(111,155,255,.34);border-radius:12px;background:rgba(5,10,26,.7);overflow:hidden}.support-custom-input span{padding-left:.85rem;color:#b8c4df;font-weight:800}.support-custom-input input{width:100%;padding:.78rem;border:0;background:transparent;color:#fff;font:inherit;font-weight:800;outline:none}.support-custom-input:focus-within{border-color:var(--support-mint);box-shadow:0 0 0 3px rgba(123,249,200,.1)}.support-checkout-status{min-height:1.4rem;margin:1.2rem auto 0;color:#9eaccb;font-size:.86rem;text-align:center}.support-checkout-status.is-error{color:#ffb3b3}.support-use-card{display:grid;gap:1.25rem}.support-use-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.support-use-grid div{display:grid;gap:.3rem;padding:1rem;border:1px solid rgba(111,155,255,.2);border-radius:14px;background:rgba(79,140,255,.07)}.support-use-grid strong{color:#fff}.support-use-grid span{color:var(--support-muted);line-height:1.55}.support-transparency{text-align:center}.support-transparency .support-motto{margin:1.6rem auto;color:var(--support-gold);font-size:1.18rem;font-style:italic;font-weight:800;letter-spacing:.02em}.support-note{padding-top:1rem;border-top:1px solid rgba(111,155,255,.18);font-size:.9rem!important}.support-transparency .btn{margin-top:.65rem}.support-result-page{min-height:55vh;display:grid;place-items:center}.support-result-card{max-width:720px;padding:clamp(1.5rem,5vw,2.6rem);border:1px solid rgba(111,155,255,.28);border-radius:22px;background:radial-gradient(circle at top,rgba(31,85,168,.36),transparent 50%),var(--support-card);box-shadow:0 18px 48px rgba(0,0,0,.32);text-align:center}.support-result-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 1rem;border-radius:22px;background:rgba(123,249,200,.1);font-size:2rem}.support-result-card h2{margin:.2rem 0 .65rem;color:#fff;font-size:clamp(2rem,6vw,3rem)}.support-result-card p{color:var(--support-muted);line-height:1.7}.support-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.4rem}@media(max-width:980px){.support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.support-use-grid{grid-template-columns:1fr}.support-page{margin-top:1rem}.support-hero,.support-options,.support-use-card,.support-transparency{border-radius:17px}}@media(max-width:560px){.support-grid{grid-template-columns:1fr}.support-card{padding:1.15rem}.support-card-badge{position:static;width:max-content;margin:0 0 .7rem}.support-result-actions{display:grid}.support-result-actions .btn{width:100%}}
