.supportx-hero{padding-bottom:46px}
.supportx-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:24px;align-items:center}
.supportx-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.supportx-secondary{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.025);color:#e9f1fb}
.supportx-micro,.supportx-note{font-size:12px;color:#71849d;margin-top:12px;line-height:1.55}
.supportx-side h2{font-size:clamp(22px,2.5vw,30px);margin:10px 0 18px}
.supportx-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.supportx-steps li{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:11px 0;border-top:1px solid rgba(255,255,255,.07)}
.supportx-steps li:first-child{border-top:0}
.supportx-steps b{color:#f3f7fc}.supportx-steps span{color:#93a7c1;line-height:1.45}
.supportx-goal{overflow:hidden;position:relative}
.supportx-goal:before{content:"";position:absolute;inset:-120px auto auto -100px;width:300px;height:300px;border-radius:50%;background:rgba(255,200,61,.07);filter:blur(30px);pointer-events:none}
.supportx-goal-head{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.supportx-goal-head h2{font-size:clamp(30px,4vw,45px);margin:10px 0 10px}
.supportx-goal-head p{max-width:820px;color:#adbed2}
.supportx-target{font-size:clamp(28px,4vw,42px);font-weight:900;color:#ffc83d;white-space:nowrap}
.supportx-progress-card{position:relative;margin:26px 0 22px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(2,10,22,.58)}
.supportx-progress-top,.supportx-progress-meta{display:flex;justify-content:space-between;gap:16px}
.supportx-progress-top{align-items:flex-end;margin-bottom:11px;color:#eaf1fa}
.supportx-pct{font-size:22px;color:#ffc83d}
.supportx-progress-track{height:18px;border-radius:999px;background:#1b2a3b;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:inset 0 2px 7px rgba(0,0,0,.35)}
.supportx-progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e9a900,#ffc83d 60%,#ffe58a);box-shadow:0 0 20px rgba(255,200,61,.28);transition:width .8s ease}
.supportx-progress-meta{margin-top:9px;color:#8fa3bc;font-size:13px}
.supportx-goal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.supportx-goal-grid>div{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025)}
.supportx-goal-grid b{display:block;color:#eef4fc;margin:6px 0}.supportx-goal-grid p{margin:0;color:#8fa3bc;font-size:13px;line-height:1.5}
.supportx-icon{font-size:22px}
.supportx-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.supportx-two h2,.supportx-wall h2{margin:10px 0 10px}
.supportx-textlink{color:#78ddff;text-decoration:none;font-weight:700}.supportx-textlink:hover{text-decoration:underline}
.supportx-wall>p{max-width:900px;color:#aebdd0}
.supportx-wall strong{color:#ffc83d}
.supportx-wall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.supportx-wall-grid>div{padding:16px;border:1px dashed rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.02)}
.supportx-wall-grid b{display:block;color:#edf3fa;margin-bottom:5px}.supportx-wall-grid span{display:block;color:#8498b1;font-size:13px;line-height:1.45}
.supportx-pay{box-shadow:0 12px 35px rgba(255,190,30,.14)}
@media(max-width:880px){
 .supportx-hero-grid,.supportx-two{grid-template-columns:1fr}
 .supportx-goal-grid{grid-template-columns:1fr 1fr}
 .supportx-goal-head{display:block}.supportx-target{margin-top:14px}
}
@media(max-width:580px){
 .supportx-goal-grid,.supportx-wall-grid{grid-template-columns:1fr}
 .supportx-actions .btn{width:100%;justify-content:center}
 .supportx-steps li{grid-template-columns:1fr;gap:3px}
 .supportx-progress-meta{font-size:12px}
}
.supportx-level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}
.supportx-level{position:relative;overflow:hidden;min-height:250px;display:flex;flex-direction:column}
.supportx-level:before{content:"";position:absolute;right:-45px;top:-45px;width:130px;height:130px;border-radius:50%;background:rgba(255,200,61,.06);filter:blur(8px);pointer-events:none}
.supportx-level-sum{font-size:clamp(26px,3vw,36px);font-weight:900;color:#ffc83d;margin-bottom:14px}
.supportx-level h3{margin:0 0 10px;color:#f1f6fc;font-size:21px}
.supportx-level p{color:#92a6bf;line-height:1.55;margin:0 0 18px}
.supportx-level .supportx-textlink{margin-top:auto}
.supportx-candy{margin-top:18px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:24px;align-items:center;background:linear-gradient(135deg,rgba(255,200,61,.055),rgba(39,211,255,.03))}
.supportx-candy h2{margin:10px 0 10px}
.supportx-candy p{max-width:790px;color:#a8b9cc}
.supportx-candy-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.supportx-bonus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.supportx-bonus-card{padding:16px}
.supportx-bonus-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#07111f}
.supportx-bonus-card h3{margin:14px 0 6px}.supportx-bonus-card p{color:#8fa3bc;margin:0 0 12px}
.supportx-bonus-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
@media(max-width:980px){.supportx-level-grid{grid-template-columns:1fr 1fr}.supportx-candy{grid-template-columns:1fr}}
@media(max-width:580px){.supportx-level-grid,.supportx-bonus-grid{grid-template-columns:1fr}.supportx-level{min-height:0}.supportx-candy-actions .btn{width:100%;justify-content:center}}