.payment-icon-container{background:white;border-radius:.375rem;padding:.5rem;width:4rem;height:2.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.payment-icon-container:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.payment-icon{max-height:100%;max-width:100%}.gcash-icon,.payment-icon{-o-object-fit:contain;object-fit:contain}.gcash-icon{height:2rem}.payment-button{width:100%;padding:.75rem 1rem;background:linear-gradient(90deg,#7B5AFF,#3B7BFF);border-radius:.5rem;color:white;font-size:1.25rem;font-weight:500;transition:opacity .2s ease-in-out}.payment-button:disabled{opacity:.5;cursor:not-allowed}.payment-button:not(:disabled):hover{opacity:.9}.payment-processing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.payment-processing-circle{position:relative;width:200px;height:200px;margin-bottom:2rem}.payment-processing-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:linear-gradient(135deg,#AE31FF,#0366FF);border-radius:12px;box-shadow:0 8px 16px rgba(102,61,219,.3)}.payment-processing-icon,.payment-result-container{display:flex;align-items:center;justify-content:center}.payment-result-container{flex-direction:column;text-align:center;padding:2rem}.payment-result-icon{width:80px;height:80px;margin-bottom:1.5rem}.payment-result-icon.success{color:#10B981}.payment-result-icon.failure{color:#EF4444}@keyframes progressAnimation{0%{stroke-dashoffset:565.48}to{stroke-dashoffset:0}}.progress-circle{stroke-dasharray:565.48;stroke-dashoffset:565.48;stroke-linecap:round;animation:progressAnimation 3s ease-out forwards}