body,html{font-family:'Poppins',sans-serif;background:#0f3d22;color:#e8f5e9}
.lebaran-bg{background:linear-gradient(135deg,#1B5E20,#2E7D32 50%,#43A047 80%,#66BB6A)}
.text-gold{color:#FFD700}
.text-light{color:#e8f5e9}
.text-light-70{color:rgba(232,245,233,0.7)}
.text-light-50{color:rgba(232,245,233,0.5)}
.glass{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.2);backdrop-filter:blur(8px);border-radius:16px}
.btn-amount{background:rgba(255,255,255,0.08);border:2px solid transparent;color:#e8f5e9;border-radius:14px}
.btn-amount.active{border-color:#FFD700;box-shadow:0 0 12px rgba(255,215,0,0.4)}
.btn-cta{background-image:linear-gradient(90deg,#2E7D32,#43A047);color:#fff;border:0;border-radius:14px;padding:.8rem 1rem}
.btn-outline-gold{border:2px solid #FFD700;color:#FFD700;background:transparent}
.shimmer{background:linear-gradient(90deg,#FFD700,#FFC107,#FFD700);-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 2s infinite}
@keyframes shimmer{0%{filter:brightness(1)}50%{filter:brightness(1.3)}100%{filter:brightness(1)}}
.iframe-wrap{position:relative;height:calc(100vh - 140px)}
.payment-iframe{border:0;width:100%;height:100%;border-radius:12px}
.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:conic-gradient(#FFD700,#FFC107);animation:spin 1s linear infinite}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}
.confetti{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,#FFD700 2px,transparent 3px),radial-gradient(circle,#FFC107 2px,transparent 3px);background-size:24px 24px;animation:fade 2s forwards}
@keyframes fade{to{opacity:0}}