:root{--primary-color: #4a5568;--accent-color: #3490dc;--light-bg: #f7fafc;--dark-text: #2d3748;--light-text: #718096;--border-color: #e2e8f0;--success-color: #48bb78;--card-bg: #ffffff;--highlight-color: #ebf8ff;--danger-color: #e53e3e;--header-bg: #ffffff;--footer-bg: #f7fafc;--tooltip-bg: #4a5568;--tooltip-text: #ffffff;--premium-card-bg: linear-gradient(135deg, #ffffff, #f0f9ff);--premium-border: #3490dc;--overlay-bg: rgba(0, 0, 0, .7)}[data-theme=dark]{--primary-color: #a0aec0;--accent-color: #4299e1;--light-bg: #1a202c;--dark-text: #f7fafc;--light-text: #e2e8f0;--border-color: #4a5568;--success-color: #48bb78;--card-bg: #2d3748;--highlight-color: #2c5282;--danger-color: #f56565;--header-bg: #1a202c;--footer-bg: #2d3748;--tooltip-bg: #e2e8f0;--tooltip-text: #1a202c;--premium-card-bg: linear-gradient(135deg, #2d3748, #1a365d);--premium-border: #4299e1;--overlay-bg: rgba(0, 0, 0, .8)}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background-color:var(--light-bg);color:var(--dark-text);line-height:1.6;transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;background-color:var(--header-bg);border-radius:10px;padding:20px;transition:background-color .3s ease}.logo{font-size:24px;font-weight:700;color:var(--accent-color)}.header-actions{display:flex;align-items:center}.support-button{background:transparent;border:1px solid var(--accent-color);color:var(--accent-color);padding:8px 15px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.support-button:hover{background-color:var(--accent-color);color:#fff}main.checkout{background-color:var(--card-bg);border-radius:10px;box-shadow:0 4px 6px #0000000d;padding:40px;margin-bottom:40px;transition:background-color .3s ease,box-shadow .3s ease}h1{font-size:28px;margin-bottom:30px;color:var(--dark-text);transition:color .3s ease}.product-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.product-card{border:2px solid var(--border-color);border-radius:8px;padding:25px;transition:all .3s ease;cursor:pointer;position:relative;background-color:var(--card-bg);color:var(--dark-text)}.product-card:hover,.product-card.selected{border-color:var(--accent-color);box-shadow:0 4px 10px #3490dc1a}.premium-card{background:var(--premium-card-bg);border-color:var(--premium-border);box-shadow:0 6px 15px #3490dc26}.premium-card .features-list li i{color:var(--accent-color)}.original-price{font-size:16px;text-decoration:line-through;color:var(--light-text);margin-left:8px}.product-header{margin-bottom:15px;border-bottom:1px solid var(--border-color);padding-bottom:15px;transition:border-color .3s ease}.product-header h2{font-size:22px;margin-bottom:15px;color:var(--dark-text);transition:color .3s ease}.product-header h2 span{color:var(--accent-color);transition:color .3s ease}.price .amount{font-size:24px;font-weight:700;display:block;margin-bottom:5px;color:var(--dark-text);transition:color .3s ease}.price .renewal{font-size:14px;color:var(--light-text);transition:color .3s ease}.product-details p{margin-bottom:15px;font-size:15px;color:var(--dark-text);transition:color .3s ease}.features-list li{display:flex;align-items:center}.auto-renewal{display:flex;align-items:center;margin:25px 0;padding:20px;background-color:var(--light-bg);border-radius:8px;transition:background-color .3s ease}.auto-renewal h3{margin-right:20px;color:var(--dark-text);transition:color .3s ease}.switch{position:relative;display:inline-block;width:60px;height:34px;margin:0 15px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--success-color)}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.order-summary{margin:30px 0;padding:25px;background-color:var(--light-bg);border-radius:8px;transition:background-color .3s ease}.summary-title{color:var(--dark-text);transition:color .3s ease}.summary-item{display:flex;justify-content:space-between;margin-bottom:15px;font-size:16px;color:var(--dark-text);transition:color .3s ease}.summary-total{display:flex;justify-content:space-between;font-weight:700;font-size:18px;padding-top:15px;border-top:1px solid var(--border-color);color:var(--dark-text);transition:color .3s ease,border-color .3s ease}.checkout-progress{margin:30px 0}.checkout-actions{margin-top:30px;display:flex;justify-content:flex-end}.checkout-button{background-color:var(--accent-color);color:#fff;border:none;padding:12px 30px;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;justify-content:center}.checkout-button:hover{background-color:#2779bd}.button-text{margin-right:10px}.button-icon{transition:transform .3s ease}.checkout-button:hover .button-icon{transform:translate(5px)}.payment-methods{margin:30px 0}.payment-methods h3{color:var(--dark-text);transition:color .3s ease;margin-bottom:15px}.payment-options{display:flex;width:100%;margin-bottom:20px;justify-content:space-between;gap:10px}.payment-option{padding:15px 8px;flex:1;min-width:0;max-width:none;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;background-color:var(--card-bg);color:var(--dark-text);justify-content:center;position:relative;overflow:hidden;box-shadow:0 2px 5px #0000000d;text-align:center}.payment-option span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}@media (max-width: 600px){.payment-option{flex-direction:column;padding:12px 5px}.payment-icon{margin-right:0;margin-bottom:8px}}.payment-option:before{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;transition:width .3s ease}.payment-option:hover{background-color:var(--light-bg);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.payment-option:hover:before{width:100%}.payment-option.active{border-width:2px;transform:translateY(-4px);box-shadow:0 6px 12px #00000026}.payment-option.active span{font-weight:700;color:var(--accent-color)}.payment-option.active:after{content:"";position:absolute;top:0;left:0;right:0;height:4px}.payment-option.active:before{width:100%}.payment-icon{display:flex;align-items:center;justify-content:center;margin-right:10px;font-size:20px;width:32px;height:32px;border-radius:50%;transition:all .3s ease}.payment-option[data-method=card] .payment-icon{color:#2d5f9a}.payment-option[data-method=card].active .payment-icon{color:#1a3a6e}.payment-option[data-method=card]:before,.payment-option[data-method=card].active:after{background-color:#2d5f9a}.payment-option[data-method=paypal] .payment-icon{color:#0070ba}.payment-option[data-method=paypal].active .payment-icon{color:#003087}.payment-option[data-method=paypal]:before,.payment-option[data-method=paypal].active:after{background-color:#0070ba}.payment-option[data-method=binance] .payment-icon{color:#f0b90b}.payment-option[data-method=binance].active .payment-icon{color:#d4a000}.payment-option[data-method=binance]:before,.payment-option[data-method=binance].active:after{background-color:#f0b90b}.payment-option[data-method=apple] .payment-icon{color:#000}.payment-option[data-method=apple].active .payment-icon{color:#333}.payment-option[data-method=apple]:before,.payment-option[data-method=apple].active:after{background-color:#000}@keyframes pulseIcon{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.pulse-icon{animation:pulseIcon .5s ease-in-out}.card-type-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:28px;color:var(--accent-color);transition:all .3s ease;display:flex;align-items:center;z-index:3}@keyframes cardIconAppear{0%{transform:translateY(-50%) scale(.5);opacity:0}60%{transform:translateY(-50%) scale(1.2);opacity:1}to{transform:translateY(-50%) scale(1);opacity:1}}input[data-card-type=visa]{border-color:#1a1f71;background-image:linear-gradient(to right,rgba(26,31,113,.03),transparent)}input[data-card-type=mastercard]{border-color:#eb001b;background-image:linear-gradient(to right,rgba(235,0,27,.03),transparent)}input[data-card-type=amex]{border-color:#2e77bc;background-image:linear-gradient(to right,rgba(46,119,188,.03),transparent)}input[data-card-type=discover]{border-color:#ff6000;background-image:linear-gradient(to right,rgba(255,96,0,.03),transparent)}input[data-card-type=jcb]{border-color:#0b4ea2;background-image:linear-gradient(to right,rgba(11,78,162,.03),transparent)}input[data-card-type=diners]{border-color:#004a97;background-image:linear-gradient(to right,rgba(0,74,151,.03),transparent)}.validation-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:18px;display:none;z-index:2}.valid-icon,.invalid-icon{display:none}input:valid~.validation-icon{display:block}input:valid~.validation-icon .valid-icon{display:block;color:var(--success-color)}input:valid~.validation-icon .invalid-icon{display:none}input:invalid:not(:placeholder-shown)~.validation-icon{display:block}input:invalid:not(:placeholder-shown)~.validation-icon .invalid-icon{display:block;color:var(--danger-color)}input:invalid:not(:placeholder-shown)~.validation-icon .valid-icon{display:none}.card-number-group input{padding-right:50px}.form-group input{width:100%;padding:14px 45px 14px 18px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;transition:all .3s ease;background-color:var(--card-bg);color:var(--dark-text);box-shadow:0 1px 3px #0000000d}.card-type-icon{position:absolute;right:40px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--accent-color);transition:all .3s ease;display:flex;align-items:center}@keyframes cardIconAppear{0%{transform:translateY(-50%) scale(.5);opacity:0}70%{transform:translateY(-50%) scale(1.1);opacity:1}to{transform:translateY(-50%) scale(1);opacity:1}}.card-icon-animation{animation:cardIconAppear .5s ease-out}input[data-card-type=visa]{border-color:#1a1f71}input[data-card-type=mastercard]{border-color:#eb001b}input[data-card-type=amex]{border-color:#2e77bc}input[data-card-type=discover]{border-color:#ff6000}input[data-card-type=jcb]{border-color:#0b4ea2}input[data-card-type=diners]{border-color:#004a97}.form-group{position:relative;margin-bottom:20px}.form-group input{width:100%;padding:12px 15px;border:2px solid var(--border-color);border-radius:6px;font-size:16px;transition:all .3s ease;background-color:var(--card-bg);color:var(--dark-text)}.payment-option.active .payment-icon{transform:scale(1.2)}.form-group{position:relative}.validation-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:none;font-size:18px}.valid-icon{color:var(--success-color);display:none}.invalid-icon{color:var(--danger-color);display:none}input:valid~.validation-icon,input:invalid:not(:placeholder-shown)~.validation-icon{display:block}@keyframes checkmark{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}input:valid~.validation-icon .valid-icon{animation:checkmark .3s ease-in-out forwards}.card-type-icon{position:absolute;right:40px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--accent-color)}.form-group input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #3490dc33;outline:none}.form-group input.valid{border-color:var(--success-color);background-color:#48bb780d}.form-group input.invalid{border-color:var(--danger-color);background-color:#e53e3e0d}.theme-toggle{background:transparent;border:none;font-size:18px;cursor:pointer;margin-right:15px;color:var(--accent-color);position:relative;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease;outline:none;box-shadow:0 2px 5px #0000001a}.theme-toggle:hover{background-color:var(--light-bg);transform:translateY(-2px)}.light-icon,.dark-icon{position:absolute;transition:transform .3s ease,opacity .3s ease;width:20px;height:20px;display:flex;align-items:center;justify-content:center}html[data-theme=light] .light-icon{opacity:1;transform:translateY(0)}html[data-theme=light] .dark-icon{opacity:0;transform:translateY(20px)}html[data-theme=dark] .light-icon{opacity:0;transform:translateY(-20px)}html[data-theme=dark] .dark-icon{opacity:1;transform:translateY(0)}.card-selection-indicator{position:absolute;top:15px;right:15px;width:24px;height:24px;border-radius:50%;border:2px solid var(--accent-color);display:flex;justify-content:center;align-items:center;transition:all .3s ease;opacity:0;transform:scale(.8);background-color:var(--accent-color)}.card-selection-indicator .checkmark{color:#fff;font-size:12px;opacity:0;transition:opacity .3s ease}.product-card.selected .card-selection-indicator{opacity:1;transform:scale(1)}.product-card.selected .card-selection-indicator .checkmark{opacity:1}.payment-form{background-color:var(--light-bg);padding:30px;border-radius:12px;margin-bottom:25px;transition:all .3s ease;box-shadow:0 4px 10px #0000000d}.form-row{margin-bottom:15px}.form-group{position:relative;margin-bottom:22px}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:var(--dark-text);transition:color .3s ease;letter-spacing:.5px}.form-group input{width:100%;padding:14px 18px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;transition:all .3s ease;background-color:var(--card-bg);color:var(--dark-text);box-shadow:0 1px 3px #0000000d}.form-group input:hover{border-color:var(--accent-color)}.form-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3490dc33}.card-form-header{margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--border-color);display:flex;align-items:center}.card-form-header h4{margin:0;font-size:18px;color:var(--dark-text)}.card-form-header .accepted-cards{margin-left:auto;display:flex;gap:8px}.card-form-header .accepted-cards i{font-size:24px;opacity:.5;transition:all .3s ease}.card-form-header .accepted-cards i:hover{opacity:1}html[data-theme=dark] .card-type-icon i.fab,html[data-theme=dark] .card-type-logo i.fab{color:var(--light-text, #e0e0e0);filter:brightness(1.5)}html[data-theme=dark] .card-type-icon i.fa-cc-visa,html[data-theme=dark] .card-type-logo i.fa-cc-visa{color:#9ebeff}html[data-theme=dark] .card-type-icon i.fa-cc-mastercard,html[data-theme=dark] .card-type-logo i.fa-cc-mastercard{color:#ffb1b1}html[data-theme=dark] .card-type-icon i.fa-cc-amex,html[data-theme=dark] .card-type-logo i.fa-cc-amex{color:#a3d5ff}html[data-theme=dark] .card-type-icon i.fa-cc-discover,html[data-theme=dark] .card-type-logo i.fa-cc-discover{color:#ffd380}html[data-theme=dark] .card-type-icon i.fa-cc-jcb,html[data-theme=dark] .card-type-logo i.fa-cc-jcb{color:#a5c9ff}html[data-theme=dark] .accepted-cards i.fab{opacity:.7}html[data-theme=dark] .accepted-cards i.fab:hover{opacity:1;filter:brightness(1.3)}.card-preview{background:linear-gradient(135deg,#2b5876,#4e4376);border-radius:12px;padding:20px;margin-bottom:25px;height:200px;position:relative;overflow:hidden;box-shadow:0 15px 30px #0000001a;color:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease}.card-preview:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:#ffffff1a;transform:rotate(30deg);pointer-events:none}.card-chip{width:50px;height:40px;background:linear-gradient(135deg,#cda349,#e6cb84,#cda349);border-radius:6px;margin-bottom:20px;position:relative;overflow:hidden}.card-chip:after{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;background:repeating-linear-gradient(90deg,#0000001a,#0000001a 2px,#0000 2px,#0000 4px);border-radius:2px}.card-details{letter-spacing:2px}.card-number-display{font-size:20px;margin-bottom:15px;word-spacing:8px;font-family:Courier New,monospace}.card-holder-expiry{display:flex;justify-content:space-between;font-size:14px;text-transform:uppercase}.card-type-logo{position:absolute;top:20px;right:20px;font-size:30px}.validation-icon{position:absolute;right:15px;top:calc(50% + 10px);transform:translateY(-50%);font-size:18px;display:none;transition:all .3s ease}.valid-icon{color:var(--success-color)}.invalid-icon{color:var(--danger-color)}input:valid~.validation-icon .valid-icon{display:block}input:invalid:not(:placeholder-shown)~.validation-icon .invalid-icon{display:block}input:valid~.validation-icon,input:invalid:not(:placeholder-shown)~.validation-icon{display:flex;animation:fadeIn .3s ease}input.valid{border-color:var(--success-color);background-color:#48bb7805}input.invalid{border-color:var(--danger-color);background-color:#e53e3e05}.card-number-group{position:relative}.card-type-icon{position:absolute;right:15px;top:calc(50% + 10px);transform:translateY(-50%);font-size:28px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2}html[data-theme=dark] .card-type-icon,html[data-theme=dark] #card-type-icon i{color:var(--light-text, #e0e0e0)}html[data-theme=dark] input[data-card-type=visa],html[data-theme=dark] input[data-card-type=mastercard],html[data-theme=dark] input[data-card-type=amex],html[data-theme=dark] input[data-card-type=discover],html[data-theme=dark] input[data-card-type=jcb]{background-image:none}html[data-theme=dark] .card-icon-animation{filter:brightness(1.2)}.error-message{color:var(--danger-color);font-size:14px;margin-top:8px;padding:8px 12px;background-color:#e53e3e14;border-radius:4px;border-left:3px solid var(--danger-color);display:none;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes inputFocus{0%{box-shadow:0 0 #3490dc66}70%{box-shadow:0 0 0 5px #3490dc00}to{box-shadow:0 0 #3490dc00}}.form-focus-animation:focus{animation:inputFocus 1s ease}.card-preview.flipped{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;transition:all .3s ease;position:absolute;top:0;left:0;width:100%;height:100%}.card-back{transform:rotateY(180deg)}.card-magnetic-strip{background-color:#000c;height:40px;position:absolute;top:40px;left:0;right:0}.card-cvv{position:absolute;top:100px;right:40px;background-color:#fff;color:#000;padding:5px 10px;border-radius:4px;font-size:14px;letter-spacing:2px}.card-signature{position:absolute;top:100px;left:20px;width:60%;height:30px;background-color:#fff3;border-radius:4px}@media (min-width: 768px){.card-form-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.card-preview{height:220px}}@media (max-width: 767px){.card-preview{margin-bottom:30px}}footer{text-align:center;color:var(--light-text);padding:20px 0;background-color:var(--footer-bg);border-radius:10px;transition:background-color .3s ease,color .3s ease}.footer-content{display:flex;justify-content:space-between;align-items:center}.security-badges{display:flex;gap:15px}.security-badges span{display:flex;align-items:center;font-size:14px;color:var(--light-text);transition:color .3s ease}.security-badges span i{margin-right:5px;color:var(--success-color);transition:color .3s ease}.theme-toggle{background:transparent;border:none;font-size:18px;cursor:pointer;margin-right:15px;color:var(--accent-color);position:relative;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease}.theme-toggle:hover{background-color:var(--light-bg)}.light-icon,.dark-icon{position:absolute;transition:all .3s ease}[data-theme=light] .light-icon{opacity:1;transform:translateY(0)}[data-theme=light] .dark-icon{opacity:0;transform:translateY(20px)}[data-theme=dark] .light-icon{opacity:0;transform:translateY(-20px)}[data-theme=dark] .dark-icon{opacity:1;transform:translateY(0)}.hidden{display:none}.paypal-button-container{text-align:center;padding:20px}.payment-info{margin-top:15px;color:var(--light-text);font-size:14px;transition:color .3s ease}.binance-info{display:flex;align-items:center;gap:30px}.qr-placeholder{width:150px;height:150px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px;transition:background-color .3s ease,border-color .3s ease}.qr-placeholder i{font-size:60px;color:var(--accent-color);margin-bottom:10px;transition:color .3s ease}.qr-placeholder p{font-size:14px;color:var(--light-text);text-align:center;transition:color .3s ease}.binance-instructions{flex:1}.binance-instructions h4{margin-bottom:10px;color:var(--dark-text);transition:color .3s ease}.binance-instructions p{margin-bottom:15px;color:var(--dark-text);transition:color .3s ease}.binance-button{background-color:#f0b90b;color:#212121;border:none;padding:10px 20px;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .3s}.binance-button:hover{background-color:#e0ab0b}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-bg);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:#fff;transition:background-color .3s ease}.tooltip{position:relative;display:inline-block;margin-left:10px;cursor:help}.tooltip .tooltip-text{visibility:hidden;width:200px;background-color:var(--tooltip-bg);color:var(--tooltip-text);text-align:center;border-radius:6px;padding:10px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s,transform .3s;box-shadow:0 5px 15px #0003;font-size:14px;border:1px solid var(--border-color)}.tooltip .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--tooltip-bg) transparent transparent transparent}.tooltip:hover .tooltip-text{visibility:visible;opacity:1;transform:translate(-50%) translateY(-5px)}.product-info-section{margin:30px 0;padding:25px;background-color:var(--light-bg);border-radius:8px;transition:background-color .3s ease}.product-info-section h3{margin-bottom:20px;color:var(--dark-text);transition:color .3s ease}.product-info-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.info-block{padding:15px;background-color:var(--card-bg);border-radius:8px;border-left:4px solid var(--accent-color);transition:background-color .3s ease,transform .3s ease}.info-block:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.info-block h4{display:flex;align-items:center;margin-bottom:10px;color:var(--dark-text);transition:color .3s ease}.info-block h4 i{margin-right:10px;color:var(--accent-color)}.info-block p{color:var(--dark-text);font-size:14px;line-height:1.6;transition:color .3s ease}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media (max-width: 576px){.two-columns{grid-template-columns:1fr}}@media (max-width: 768px){.product-options{grid-template-columns:1fr}.auto-renewal{flex-direction:column;align-items:flex-start}.auto-renewal h3{margin-bottom:15px}.payment-options{flex-direction:column}.binance-info{flex-direction:column;align-items:center;text-align:center}.animate-transition{transition:all .3s ease-in-out}.fade-transition{opacity:.5;transition:opacity .3s ease}.product-card.selecting{transform:scale(1.02);box-shadow:0 0 15px #3490dc4d}.product-card.deselecting{transform:scale(.98);opacity:.8}.product-card.selected{transform:translateY(-5px);box-shadow:0 8px 15px #3490dc33}.click-effect{transform:scale(.95);opacity:.8;transition:transform .1s,opacity .1s}.button-hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.checkout-button.processing{background-color:#718096;position:relative;overflow:hidden}.checkout-button.processing:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.pulse-effect{animation:pulse .5s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.fade-in{animation:fadeIn .3s ease-in-out}.fade-out{animation:fadeOut .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.slide-in-left{animation:slideInLeft .5s ease-out forwards}.slide-in-right{animation:slideInRight .5s ease-out forwards}.slide-in-top{animation:slideInTop .5s ease-out forwards}.slide-in-bottom{animation:slideInBottom .5s ease-out forwards}@keyframes slideInLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInTop{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInBottom{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.slider.checked-animate{animation:sliderChecked .5s ease}.slider.unchecked-animate{animation:sliderUnchecked .5s ease}@keyframes sliderChecked{0%{background-color:#ccc}to{background-color:var(--success-color)}}@keyframes sliderUnchecked{0%{background-color:var(--success-color)}to{background-color:#ccc}}.value-change{animation:valueChange .3s ease}@keyframes valueChange{0%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(-10px)}51%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.highlight-text{animation:highlightText 1s ease}@keyframes highlightText{0%{color:var(--dark-text)}30%{color:var(--accent-color)}to{color:var(--dark-text)}}.error-shake{animation:errorShake .6s ease}@keyframes errorShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.bounce-in{animation:bounceIn .8s ease}@keyframes bounceIn{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05);opacity:.7}to{transform:scale(1);opacity:1}}.title-animation{position:relative;display:inline-block}.title-animation:after{content:"";position:absolute;width:100%;height:3px;bottom:-8px;left:0;background-color:var(--accent-color);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out;animation:underlineExpand 1s .5s forwards}@keyframes underlineExpand{to{transform:scaleX(1);transform-origin:bottom left}}.spinner{border:5px solid rgba(255,255,255,.3);border-radius:50%;border-top:5px solid var(--accent-color);width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:#fff;transition:opacity .3s}#loading-overlay.hidden{display:none}.checkout-progress{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.progress-step{display:flex;flex-direction:column;align-items:center;transition:all .3s ease}.step-number{width:30px;height:30px;border-radius:50%;background-color:#cbd5e0;color:#fff;display:flex;justify-content:center;align-items:center;margin-bottom:8px;transition:all .3s ease}.progress-step.active .step-number{background-color:var(--accent-color);transform:scale(1.1);box-shadow:0 0 10px #3490dc80}.progress-connector{height:3px;width:60px;background-color:#cbd5e0;margin:0 10px}.card-selection-indicator{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;border:2px solid transparent;display:flex;justify-content:center;align-items:center;transition:all .3s ease;opacity:0;transform:scale(.8)}.card-selection-indicator .checkmark{color:#fff;font-size:12px;opacity:0;transition:opacity .3s ease}.product-card.selected .card-selection-indicator{background-color:var(--accent-color);border-color:#fff;opacity:1;transform:scale(1)}.product-card.selected .card-selection-indicator .checkmark{opacity:1}.secure-badge{display:inline-flex;align-items:center;background-color:#e6fffa;color:#38b2ac;font-size:14px;padding:4px 10px;border-radius:20px;margin-left:10px;vertical-align:middle;animation:securePulse 2s infinite}.secure-badge i{margin-right:5px}@keyframes securePulse{0%{background-color:#e6fffa}50%{background-color:#b2f5ea}to{background-color:#e6fffa}}.recommended-tag{position:absolute;top:0;left:0;background-color:var(--accent-color);color:#fff;padding:5px 10px;font-size:12px;border-radius:0 0 5px;transform:translateY(-100%);opacity:0;transition:all .3s ease;animation:slideDown .5s 1s forwards}@keyframes slideDown{to{transform:translateY(0);opacity:1}}.features-list{list-style-type:none;padding:0;margin:15px 0 0}.features-list li{margin-bottom:8px;opacity:0;transform:translate(-10px);animation:fadeInRight .5s forwards}.features-list li:nth-child(1){animation-delay:.1s}.features-list li:nth-child(2){animation-delay:.2s}.features-list li:nth-child(3){animation-delay:.3s}.features-list li:nth-child(4){animation-delay:.4s}.features-list li i{color:var(--success-color);margin-right:8px}@keyframes fadeInRight{to{opacity:1;transform:translate(0)}}.payment-option{padding:12px 20px;margin-bottom:10px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.payment-option i{margin-right:10px;font-size:18px}.payment-option:hover{background-color:#f7fafc}.payment-option.active{border-color:var(--accent-color);background-color:#ebf8ff;transform:translateY(-2px);box-shadow:0 4px 6px #3490dc1a}.payment-options{display:flex;gap:10px;margin-bottom:20px}.tooltip{position:relative;display:inline-block;margin-left:10px;cursor:help}.tooltip .tooltip-text{visibility:hidden;width:200px;background-color:#4a5568;color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#4a5568 transparent transparent transparent}.tooltip:hover .tooltip-text{visibility:visible;opacity:1;animation:tooltipFadeIn .3s}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.pulse-animation{animation:subtle-pulse 2s infinite}@keyframes subtle-pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}}