body{font-family:Roboto,sans-serif}h1,a{font-weight:900;text-align:center;display:block}@keyframes rainbowFlow{0%{background-position:0% 100%}50%{background-position:100% 50%}to{background-position:0% 100%}}.bg{animation:rainbowFlow 30s ease infinite!important;position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(90deg,#ff8fa3,#f582e5,#c084fc,#5eead4,#86efac,#fef08a);background-size:600% 600%;opacity:.5;z-index:-99999}.payment-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center;max-width:80%;margin:40px auto;padding:20px}.payment-method{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffe6;border-radius:12px;padding:20px;min-width:150px;min-height:150px;box-shadow:0 4px 12px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;flex:1}.payment-method:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.payment-method h3{margin:0 0 15px;font-size:1.2em;font-weight:600;color:#333;text-align:center}.payment-method img{max-width:100%;object-fit:contain;border-radius:8px}.placeholder-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;border-radius:8px;font-size:12px;text-align:center}@media(max-width:600px){.payment-grid{flex-direction:column;gap:15px}.payment-method{min-width:200px;flex:none}}@media(min-width:601px)and (max-width:900px){.payment-method{flex:0 0 calc(50% - 10px)}}@media(min-width:901px){.payment-method{flex:0 0 calc(25% - 15px)}}
