@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.payment-modal-overlay{align-items:flex-start;animation:fadeIn .3s ease-in;background:rgba(0,0,0,.85);bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:40px 20px;position:fixed;right:0;top:0;z-index:999990}.payment-modal{animation:slideUp .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);margin:auto 0;max-height:calc(100vh - 80px);max-width:500px;overflow-y:auto;padding:30px 35px;position:relative;scroll-behavior:smooth;text-align:center;width:100%}.payment-modal::-webkit-scrollbar{width:8px}.payment-modal::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px;margin:20px 0}.payment-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.payment-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.payment-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease-in-out;width:30px}.payment-modal-close:hover{background:#e2e8f0;transform:rotate(90deg)}.payment-modal-header .icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:32px;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.payment-modal-header .title{color:#1a1a1a;font-family:Raleway,sans-serif;font-size:24px;font-weight:700;margin-bottom:5px}.payment-modal-header .description{color:#4a5568;font-size:16px;line-height:1.6;margin-bottom:25px}.payment-modal-body .payment-selection-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.payment-modal-body .btn{align-items:center;border-radius:12px;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;padding:.85rem;transition:all .2s ease-in-out;width:100%}.payment-modal-body .btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.payment-modal-body .btn-pix{background-color:#32bcad;color:#fff}.payment-modal-body .btn-pix:hover{background-color:#2aa395}.payment-modal-body .btn-card{background-color:#4f46e5;color:#fff}.payment-modal-body .btn-card:hover{background-color:#4338ca}.payment-modal-body .btn-code{background-color:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.payment-modal-body .btn-code:hover{background-color:#e2e8f0}.payment-modal-body .form-box{margin-top:20px}.payment-modal-body .form-box input{border:1px solid #d1d5db;border-radius:8px;font-size:16px;margin-bottom:15px;padding:12px 15px;width:100%}.payment-modal-body button.btn-submit{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px;width:100%}.stripe-card-element-container{margin-bottom:15px}.stripe-card-element-container,.stripe-payment-element-container{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:15px}.stripe-payment-element-container{min-height:100px}.loading-message{color:#6b7280;padding:20px;text-align:center}.payment-modal-footer{color:#6b7280;font-size:12px;margin-top:20px}.payment-modal-footer a{color:#4f46e5;text-decoration:none}.payment-modal-body .back-button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:inline-flex;font-size:14px;gap:5px;margin-bottom:15px}@media (max-width:640px){.payment-modal-overlay{padding:20px 10px}.payment-modal{max-height:calc(100vh - 40px);padding:20px}.payment-modal-header .icon{font-size:28px;height:50px;width:50px}.payment-modal-header .title{font-size:20px}.payment-modal-header .description{font-size:14px}}