.topup-page{padding-bottom:var(--ds-space-12)}.topup-hero{margin-bottom:var(--ds-space-6)}.topup-pricing-badge{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);background:var(--ds-color-primary-soft);border:1px solid rgba(16,185,129,.2);border-radius:var(--admin-radius-pill);font-size:var(--ds-text-sm);color:var(--ds-color-primary-dark);font-weight:var(--ds-font-medium);width:-moz-fit-content;width:fit-content}.topup-actions{margin-top:var(--ds-space-4)}.topup-hint{margin-top:var(--ds-space-3);max-width:520px;font-size:var(--ds-text-sm);line-height:var(--ds-leading-relaxed)}.topup-below-hero{text-align:center;padding:0 var(--ds-space-4)}.topup-below-hero .topup-hint{margin-inline:auto}.topup-below-hero .topup-policy-links{justify-content:center}.topup-below-hero .topup-policy-note{margin-inline:auto}.topup-policy-links{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);margin-top:var(--ds-space-3)}.topup-policy-link{display:inline-flex;align-items:center;min-height:38px;padding:0 var(--ds-space-3);border-radius:var(--admin-radius-pill);background:rgba(255,255,255,.82);border:1px solid rgba(15,23,42,.08);color:var(--ds-color-text);font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold)}.topup-policy-note{margin-top:var(--ds-space-2);max-width:560px;font-size:var(--ds-text-sm);line-height:var(--ds-leading-relaxed)}.topup-tiers-section{display:flex;flex-direction:column;gap:var(--ds-space-3)}.topup-tiers-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--ds-space-1)}.topup-tiers-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--ds-space-3);gap:var(--ds-space-3)}.topup-tier-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--ds-space-4) var(--ds-space-3);text-align:center;transition:transform var(--ds-transition-fast)}.topup-tier-card:hover{transform:translateY(-2px)}.topup-tier-recommended{background:linear-gradient(135deg,rgba(254,252,232,.95),rgba(255,251,235,.9));border-color:rgba(245,158,11,.4)}.topup-tier-popular:not(.topup-tier-recommended){background:linear-gradient(135deg,rgba(240,253,244,.95),rgba(236,253,245,.9));border-color:rgba(16,185,129,.35)}.topup-tier-badge{position:absolute;top:-6px;right:8px;padding:2px 8px;font-size:10px;font-weight:var(--ds-font-bold);border-radius:var(--admin-radius-pill);text-transform:uppercase}.topup-tier-badge.recommended{background:linear-gradient(135deg,#f59e0b,#ea580c);color:white}.topup-tier-badge.popular{background:linear-gradient(135deg,var(--ds-color-primary) 0,var(--ds-color-primary-dark) 100%);color:white}.topup-tier-price{display:flex;align-items:baseline;gap:2px}.topup-tier-currency{font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);color:var(--ds-color-text-muted)}.topup-tier-amount{font-size:var(--ds-text-xl);font-weight:var(--ds-font-bold);color:var(--ds-color-text)}.topup-tier-quota{display:flex;align-items:baseline;gap:var(--ds-space-1);margin-top:var(--ds-space-2)}.topup-tier-total{font-size:var(--ds-text-lg);font-weight:var(--ds-font-bold);color:var(--ds-color-primary)}.topup-tier-breakdown{display:flex;flex-direction:column;gap:2px;margin-top:var(--ds-space-2);padding-top:var(--ds-space-2);border-top:1px dashed var(--ds-color-divider);font-size:.75rem;line-height:1.4}.topup-tier-bonus{color:var(--ds-color-primary);font-weight:var(--ds-font-semibold)}@media (max-width:1024px){.topup-tiers-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.topup-policy-link{justify-content:center;width:100%}.topup-tiers-grid{grid-template-columns:repeat(2,1fr);gap:var(--ds-space-2)}.topup-tier-card{padding:var(--ds-space-4) var(--ds-space-3)}}@media (max-width:375px){.topup-tiers-grid{grid-template-columns:1fr;gap:var(--ds-space-2)}.topup-tier-amount{font-size:var(--ds-text-lg)}.topup-tier-total{font-size:var(--ds-text-base)}}