.upgrade-benefits{font-size:16px;color:#6b7280;margin-bottom:30px;max-width:780px;margin-left:auto;margin-right:auto;transition:opacity .3s ease}.upgrade-benefits.hidden{opacity:0;display:none}.thank-you-message{display:none;font-size:16px;color:#10b981;margin-bottom:30px;max-width:750px;margin-left:auto;margin-right:auto;transition:opacity .3s ease}.thank-you-message.visible{display:block;opacity:1}#plan-wrapper{display:flex;flex-direction:column;align-items:center}#plan-wrapper h2{font-size:24px;font-weight:600;margin-bottom:10px;color:#333}#policy-links{font-size:14px;color:#6b7280;text-align:center;margin-bottom:20px;line-height:1.5;max-width:600px}.plans{display:flex;justify-content:center;gap:20px;min-width:100%;margin-bottom:40px;position:relative}.plan-card{flex:1;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:25px;cursor:pointer;transition:all .3s ease;height:180px;display:flex;flex-direction:column;justify-content:space-between;max-width:330px;box-shadow:0 4px 10px rgba(0,0,0,0.05);position:relative}.plan-card:hover{transform:translateY(-8px);box-shadow:0 8px 20px rgba(0,0,0,0.15);border-color:#1e40af}.plan-card.selected{border-color:#1e40af;background:#f0f7ff;box-shadow:0 8px 20px rgba(30,64,175,0.15)}.plan-card.selected::after{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:10px;right:10px;color:#1e40af;font-size:20px}.plan-card.disabled{pointer-events:none;opacity:.6;cursor:not-allowed}.plan-card h3{font-size:22px;color:#1a1a2e;margin-bottom:10px;font-weight:600}.plan-card .price{font-size:26px;font-weight:700;color:#1e40af;margin-bottom:10px}.plan-card p{font-size:15px;color:#6b7280;flex-grow:1;display:flex;align-items:center;justify-content:center}.main-section{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;transition:opacity .3s ease}.main-section.hidden{opacity:0;display:none}.input-section{flex:1;text-align:center}.email-section{margin:0;max-width:400px;margin-left:auto;margin-right:auto;opacity:0;transform:translateY(20px);max-height:0;overflow:hidden;transition:opacity .3s ease,transform .3s ease,max-height .3s ease;transition-delay:.1s}.email-section.visible{opacity:1;transform:translateY(0);max-height:150px;overflow:visible;margin-bottom:20px}.email-section label{font-size:16px;color:#1a1a2e;display:block;margin-bottom:10px;font-weight:500}.email-section input[type="email"]{width:100%;padding:12px 16px;font-size:15px;border:1px solid #d1d5db;border-radius:8px;outline:none;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.email-section input[type="email"]:focus{border-color:#1e40af;box-shadow:0 0 0 3px rgba(30,64,175,0.1)}.email-section input[type="email"].invalid{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,0.1)}.button-group{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;max-width:400px;margin:0 auto}.payment-button{padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#1e40af,#60a5fa);border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px rgba(30,64,175,0.2);white-space:nowrap}.payment-button:disabled{background:#d1d5db;cursor:not-allowed;box-shadow:none}.payment-button:not(:disabled):hover{background:linear-gradient(135deg,#60a5fa,#1e40af);transform:translateY(-2px);box-shadow:0 6px 15px rgba(30,64,175,0.3)}.cancel-button{display:none;padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px rgba(239,68,68,0.2);white-space:nowrap}.cancel-button.visible{display:inline-block}.cancel-button:disabled{background:#d1d5db;cursor:not-allowed;box-shadow:none;opacity:.6;pointer-events:none}.cancel-button:hover{background:linear-gradient(135deg,#dc2626,#ef4444);transform:translateY(-2px);box-shadow:0 6px 15px rgba(239,68,68,0.3)}.bank-info{display:none;margin-top:30px;max-width:400px;margin-left:auto;margin-right:auto;background:#f9fafb;border-radius:12px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,0.05);text-align:left;transition:opacity .3s ease}.bank-info.visible{display:block;opacity:1}.bank-info h4{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:15px}.bank-info p{font-size:15px;color:#6b7280;margin-bottom:10px;display:flex;justify-content:space-between}.bank-info p span{font-weight:500;color:#1a1a2e}.payment-section{display:none;flex:1;text-align:center;background:#f9fafb;border-radius:12px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,0.05);transition:opacity .3s ease}.payment-section.visible{display:block;opacity:1}.qr-container{position:relative;display:inline-block;margin-bottom:15px;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.1);background:#fff;padding:10px}.qr-container img{display:block;width:200px;height:200px}.expired-overlay{width:200px;height:200px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;font-weight:500;border-radius:12px;padding:10px}.amount-display{font-size:18px;font-weight:600;color:#1e40af;margin-bottom:15px}.timer{font-size:15px;color:#6b7280;margin-bottom:15px;font-weight:500}.timer i{margin-right:8px;color:#1e40af}.timer.expired{color:#ef4444}.retry-button{display:none;padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px rgba(239,68,68,0.2);margin:0 auto}.retry-button.visible{display:inline-block}.retry-button:hover{background:linear-gradient(135deg,#dc2626,#ef4444);transform:translateY(-2px);box-shadow:0 6px 15px rgba(239,68,68,0.3)}.success-section{display:none;text-align:center;padding:40px 0;transition:opacity .3s ease}.success-section.visible{display:block;opacity:1}.success-section .success-icon{font-size:80px;color:#10b981;margin-bottom:20px;animation:successAnimation 1s ease}.success-section h2{font-size:48px;font-weight:700;color:#10b981;margin-bottom:20px;letter-spacing:-1px;animation:fadeInUp .6s ease .2s both}.success-section p{font-size:16px;color:#6b7280;margin-bottom:30px;max-width:900px;margin-left:auto;margin-right:auto;animation:fadeInUp .6s ease .4s both}.buy-another-button{padding:14px 30px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#1e40af,#60a5fa);border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(30,64,175,0.2);animation:fadeInUp .6s ease .6s both}.buy-another-button:hover{background:linear-gradient(135deg,#60a5fa,#1e40af);transform:translateY(-3px);box-shadow:0 6px 20px rgba(30,64,175,0.3)}#status{font-size:15px;color:#1e40af;margin-top:20px;font-weight:500;transition:opacity .3s ease}#error{font-size:15px;color:#ef4444;margin-top:20px;font-weight:500;transition:opacity .3s ease}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);justify-content:center;align-items:center;z-index:1000;transition:opacity .3s ease}.modal.visible{display:flex;opacity:1}.modal-content{background:#fff;border-radius:12px;padding:25px;max-width:500px;width:90%;text-align:center;box-shadow:0 10px 20px rgba(0,0,0,0.2);animation:slideIn .3s ease}@keyframes slideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes successAnimation{0%{transform:scale(0) rotate(0deg);opacity:0}50%{transform:scale(1.2) rotate(10deg);opacity:1}100%{transform:scale(1) rotate(0deg)}}@keyframes fadeInUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h3{font-size:22px;color:#1a1a2e;margin-bottom:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}.modal-content h3 i{color:#1e40af;font-size:24px}.modal-content p{font-size:15px;color:#6b7280;margin-bottom:10px}.modal-content .timer{font-size:15px;color:#1e40af;margin-bottom:20px;font-weight:500}.modal-content .timer i{margin-right:8px}.modal-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.modal-button{padding:10px 25px;font-size:14px;font-weight:600;border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;min-width:120px}.modal-button.continue{background:linear-gradient(135deg,#1e40af,#60a5fa);color:#fff;box-shadow:0 4px 10px rgba(30,64,175,0.2)}.modal-button.continue:hover{background:linear-gradient(135deg,#60a5fa,#1e40af);transform:translateY(-2px)}.modal-button.cancel{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 10px rgba(239,68,68,0.2)}.modal-button.cancel:hover{background:linear-gradient(135deg,#dc2626,#ef4444);transform:translateY(-2px)}.modal-button.close{background:#d1d5db;color:#1a1a2e}.modal-button.close:hover{background:#b0b7c2;transform:translateY(-2px)}.bank-selection{margin:0 auto;opacity:0;transform:translateY(20px);max-height:0;max-width:0;overflow:hidden;transition:opacity .3s ease,transform .3s ease,max-height .3s ease}.bank-selection.visible{opacity:1;transform:translateY(0);max-height:200px;max-width:780px;overflow:visible;margin-bottom:20px}.bank-selection label{font-size:16px;color:#1a1a2e;display:block;margin-bottom:10px;font-weight:500}.bank-options{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.bank-card{width:120px;height:50px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,0.05)}.bank-card img{width:100%;height:20px;object-fit:contain}.bank-card[data-bank-id="bank_2"] img{height:25px;width:auto}.bank-card[data-bank-id="bank_4"] img{height:27px;width:auto}.bank-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px rgba(0,0,0,0.1);border-color:#1e40af}.bank-card.selected{border-color:#1e40af;background:#f0f7ff;transform:scale(1.05);box-shadow:0 6px 15px rgba(30,64,175,0.15)}.international-payment{margin-top:15px;text-align:center;font-size:14px;color:#6b7280}.international-payment a{color:#1e40af;text-decoration:none;font-weight:500;transition:all .3s ease}.international-payment a:hover{text-decoration:underline;color:#60a5fa}.international-payment i{margin-right:8px;color:#1e40af}#turnstile-container{margin-top:20px;text-align:center}@media (max-width:768px){.bank-selection{max-width:100%}.international-payment{font-size:13px;margin-top:10px}.upgrade-benefits,.thank-you-message{font-size:14px}.plans{flex-direction:column;align-items:center}.plan-card{width:100%;max-width:330px;height:180px}.main-section{flex-direction:column;align-items:center}.button-group{flex-direction:column;align-items:center}.payment-button,.cancel-button,.retry-button,.buy-another-button{width:100%;max-width:300px}.bank-info{text-align:center}.bank-info p{flex-direction:column;align-items:center}.success-section h2{font-size:36px}.success-section .success-icon{font-size:60px}}.error-message{color:red;font-size:12px;margin-top:5px;display:block;visibility:hidden}.email-section .invalid + .error-message{visibility:visible}