.support-page {
    padding-bottom: calc(120px + var(--safe-bottom));
}

.support-official {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 18px;
    margin: 18px 0 22px;
    padding: 22px;
    border: 1px solid rgba(102, 255, 205, .28);
    border-radius: 24px;
    background: radial-gradient(circle at 90% 0, rgba(99, 255, 203, .18), transparent 40%), linear-gradient(145deg, rgba(16, 91, 70, .72), rgba(5, 34, 28, .92));
    box-shadow: inset 0 1px rgba(255, 255, 255, .12), 0 18px 38px rgba(0, 0, 0, .28);
}
.support-official h2 { margin: 7px 0 6px; font-size: clamp(21px, 5vw, 27px); }
.support-official p { margin: 0; color: rgba(225, 240, 235, .72); font-size: 13px; line-height: 1.65; }
.support-official-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.support-official-actions a {
    min-height: 58px; padding: 10px 13px; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 9px;
    color: #06251d; text-decoration: none; border: 1px solid rgba(255, 255, 255, .72); border-radius: 17px;
    background: linear-gradient(135deg, #f5d574 0%, #a9f7d8 48%, #58e8bb 100%);
    box-shadow: inset 0 2px 1px rgba(255,255,255,.65), inset 0 -4px 7px rgba(1,78,58,.22), 0 7px 0 rgba(3,81,61,.72), 0 13px 24px rgba(0,0,0,.25);
    transition: transform .18s ease, box-shadow .18s ease;
}
.support-official-actions a:active { transform: translateY(5px); box-shadow: inset 0 2px 1px rgba(255,255,255,.55), 0 2px 0 rgba(3,81,61,.72); }
.support-official-actions a span { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:rgba(0,62,46,.12); }
.support-official-actions a b { font-size: 13px; }
.support-official-actions a i { font-style: normal; font-size: 18px; }
@media (max-width: 420px) { .support-official-actions { grid-template-columns: 1fr; } }