:root{--card-bg: oklch(1 0 0);--card-border: oklch(.922 0 0);--card-shadow: rgba(0, 0, 0, .05);--accent-color: #0d9488;--text-color: oklch(.145 0 0);--text-color-light: oklch(.556 0 0);--input-bg: oklch(.98 0 0);--input-border: oklch(.922 0 0);--bg-color: oklch(.98 0 0);--alert-error-text: #ef4444;--alert-error-border: #fca5a5;--alert-success-border: #4ade80;--warning-color: #f59e0b;--danger-color: #ef4444;--react-color: #ec4899;--music-color: #10b981;--audio-color: #a855f7}.dark{--card-bg: oklch(.18 0 0);--card-border: oklch(.27 0 0);--card-shadow: rgba(0, 0, 0, .4);--accent-color: #2dd4bf;--text-color: oklch(.95 0 0);--text-color-light: oklch(.65 0 0);--input-bg: oklch(.145 0 0);--input-border: oklch(.27 0 0);--bg-color: oklch(.12 0 0);--alert-error-text: #ff7b7b;--alert-error-border: #ff7b7b;--alert-success-border: #51cf66;--warning-color: #ffd43b;--react-color: #f472b6;--music-color: #34d399;--audio-color: #c084fc}.donation-page-container{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;transition:background-color .2s,color .2s}.page-wrapper{display:flex;gap:1.5rem;justify-content:center;align-items:flex-start;padding:3.5rem 1rem 2rem;max-width:1280px;margin:0 auto}.page-wrapper.has-recurrent-goal{padding-top:1.5rem}.sidebar-left,.sidebar-right{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:1rem}.sidebar-left.spacer,.sidebar-right.spacer{pointer-events:none;visibility:hidden;height:0}.sidebar-title{font-size:1rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px;text-align:center}.form-main-column{flex:0 1 420px;display:flex;flex-direction:column;gap:0;width:100%;max-width:420px;position:relative}.form-container{position:relative;width:100%;padding:2.5rem 1.5rem;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 12px var(--card-shadow);text-align:center;transition:background-color .2s,border-color .2s}.streamer-header{margin-bottom:1rem;display:flex;flex-direction:column;align-items:center}.streamer-logo{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid var(--bg-color)}.send-message-label{color:var(--text-color-light);margin-top:0;margin-bottom:.25rem;font-size:1.1rem}.streamer-name{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0}.donation-option-toggle{display:flex;justify-content:space-between;margin-bottom:1.25rem;border:1px solid var(--input-border);border-radius:25px;overflow:hidden;width:100%;background-color:var(--input-bg)}.donation-option-toggle input[type=radio]{display:none}.donation-option-toggle label{flex:1;text-align:center;padding:.45rem .2rem;cursor:pointer;transition:background-color .2s,color .2s;color:var(--text-color);margin-bottom:0;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.3rem;border-radius:25px;white-space:nowrap}.donation-option-toggle label i{font-size:.85rem}.donation-instructions{text-align:left;width:100%;font-size:.85rem;color:var(--text-color-light);padding:0;margin-bottom:0;border-left:3px solid var(--instr-color, var(--accent-color));border-radius:0 6px 6px 0;background-color:color-mix(in srgb,var(--instr-color, var(--accent-color)) 5%,var(--input-bg));max-height:0;opacity:0;overflow:hidden;transition:all .3s ease-in-out;box-sizing:border-box}.donation-instructions.visible{max-height:200px;opacity:1;padding:.6rem .75rem;margin-bottom:1rem}.donation-instructions p{margin:0;line-height:1.5}.form-group{margin-bottom:1rem;position:relative;text-align:left}.form-group.floating-label label{position:absolute;top:50%;left:1rem;transform:translateY(-50%);font-size:1rem;font-weight:400;color:var(--text-color-light);pointer-events:none;transition:all .2s ease;background-color:var(--card-bg);padding:0 .25rem;margin-bottom:0;z-index:1}.form-group.floating-label textarea+label{top:1.25rem;transform:none}.form-group.floating-label.active label,.form-group.floating-label input:focus+label,.form-group.floating-label input:not(:placeholder-shown)+label,.form-group.floating-label textarea:focus+label,.form-group.floating-label textarea:not(:placeholder-shown)+label{top:0;transform:translateY(-50%);left:.75rem;font-size:.75rem;color:var(--accent-color)}.form-group.floating-label textarea:focus+label,.form-group.floating-label textarea:not(:placeholder-shown)+label{top:0;transform:translateY(-50%)}.form-input{width:100%;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:.75rem 1rem;font-size:1rem;color:var(--text-color);transition:border-color .2s,box-shadow .2s,background-color .2s}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-color) 20%,transparent)}.form-input::placeholder{color:transparent}textarea.form-input{resize:none;overflow-y:hidden;min-height:58px;padding-bottom:1.8rem}.currency-input-group{position:relative}.currency-addon{position:absolute;top:1px;bottom:1px;left:1px;width:5rem;display:flex;align-items:center;justify-content:center;z-index:4;border-right:1px solid var(--input-border);background-color:color-mix(in srgb,var(--text-color) 3%,transparent);border-radius:7px 0 0 7px;transition:background-color .2s}.currency-addon:hover{background-color:color-mix(in srgb,var(--text-color) 6%,transparent)}.currency-addon select{width:100%;height:100%;border:none;background:transparent;color:var(--text-color);font-weight:700;font-size:.85rem;padding:0 1.5rem 0 .5rem;cursor:pointer;appearance:none;text-align:center;text-align-last:center}.currency-addon select:focus{outline:none}.currency-addon select option{background-color:var(--card-bg);color:var(--text-color)}.currency-addon i{position:absolute;right:.4rem;font-size:.65rem;color:var(--text-color-light);pointer-events:none}.currency-input-group input.form-input{padding-left:5.5rem!important}.currency-input-group label{left:5.5rem!important}.currency-input-group input:focus+label,.currency-input-group input:not(:placeholder-shown)+label{left:5.5rem!important}.quick-amounts-container{display:flex;gap:.5rem;margin-bottom:1.25rem;justify-content:center;width:100%}.btn-quick-amount{background-color:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);padding:.5rem .25rem;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;flex:1;display:flex;align-items:center;justify-content:center}.btn-quick-amount:hover{border-color:var(--accent-color);color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color) 10%,transparent);transform:translateY(-2px)}.char-counter{position:absolute;bottom:8px;right:12px;font-size:.7rem;font-weight:700;color:var(--text-color-light);background-color:var(--card-bg);padding:2px 6px;border-radius:4px;border:1px solid var(--input-border);display:flex;align-items:center;gap:2px;cursor:help}.char-counter:hover .char-tooltip{opacity:1;visibility:visible}.char-tooltip{position:absolute;bottom:100%;right:0;margin-bottom:8px;background-color:var(--card-bg);color:var(--text-color);padding:4px 8px;border-radius:4px;border:1px solid var(--card-border);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease;box-shadow:0 2px 4px var(--card-shadow);pointer-events:none;z-index:10;font-size:.65rem}.char-info-icon{opacity:.5;transition:opacity .2s ease}.char-counter:hover .char-info-icon{opacity:1}.char-limit-val{transition:color .3s ease,transform .3s ease;display:inline-block}.char-limit-val.bumped{color:var(--accent-color);font-weight:700;transform:scale(1.2)}.char-counter.limit-exceeded{color:var(--alert-error-text);border-color:var(--alert-error-border);background-color:#ef44441a}@keyframes priceBlink{0%{background-color:var(--input-bg)}40%{background-color:color-mix(in srgb,var(--accent-color) 25%,var(--input-bg))}to{background-color:var(--input-bg)}}.price-increased-blink{animation:priceBlink .8s ease-in-out;border-color:var(--accent-color)!important}@keyframes charCounterBlink{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.char-counter-blink{animation:charCounterBlink .4s ease-in-out;color:var(--accent-color)!important;border-color:var(--accent-color)!important}@keyframes goalPulse{0%{box-shadow:0 0 #f5cf0566}70%{box-shadow:0 0 0 8px #f5cf0500}to{box-shadow:0 0 #f5cf0500}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.poll-container{margin-bottom:1.25rem;padding:.85rem;border:1px solid var(--input-border);border-radius:10px;background-color:color-mix(in srgb,var(--bg-color) 30%,var(--input-bg));text-align:left}.poll-title{margin:0 0 .6rem;font-size:.9rem;font-weight:700;color:var(--text-color);display:flex;align-items:center;gap:.4rem}.poll-options{display:flex;flex-direction:column;gap:.4rem}.poll-option-wrapper{position:relative;width:100%}.poll-option-input{position:absolute;opacity:0;width:0;height:0}.poll-option-card{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:var(--card-bg);border:1px solid var(--input-border);border-radius:6px;cursor:pointer;transition:all .2s ease;margin:0;width:100%;font-weight:500;font-size:.88rem;color:var(--text-color)}.poll-option-card:hover{border-color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color) 5%,var(--card-bg))}.poll-option-input:checked+.poll-option-card{border-color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color) 12%,var(--card-bg));box-shadow:0 0 0 1px var(--accent-color)}.poll-option-check{color:var(--accent-color);opacity:0;transform:scale(.5);transition:all .2s cubic-bezier(.175,.885,.32,1.275);font-size:1rem}.poll-option-input:checked+.poll-option-card .poll-option-check{opacity:1;transform:scale(1)}.goal-mini-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:.75rem;transition:transform .2s,box-shadow .2s,border-color .2s;text-decoration:none;color:var(--text-color);display:block;position:relative}.goal-mini-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--card-shadow);border-color:var(--accent-color)}.goal-mini-content{font-size:.9rem;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.goal-mini-progress{height:6px;background-color:var(--input-bg);border-radius:3px;overflow:hidden;margin-bottom:.25rem}.goal-mini-progress-bar{height:100%;background-color:var(--accent-color);transition:width .5s ease-out}.goal-mini-progress-bar.completed{background-color:#f5cf05;animation:goalPulse 2s infinite}.goal-mini-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-color-light)}.goal-mini-label{font-size:.7rem;font-weight:700;text-transform:uppercase;margin-bottom:.25rem;display:block;color:var(--accent-color)}.goal-mini-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;z-index:10}.goal-mini-action-btn{background:var(--input-bg);border:1px solid var(--card-border);color:var(--text-color-light);border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s}.recurrent-goal-compact{width:100%;margin-bottom:2.5rem;text-align:left}.recurrent-goal-label{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--accent-color);margin-bottom:.4rem;display:flex;align-items:center;gap:.3rem;letter-spacing:.5px}.recurrent-goal-progress{height:8px;background-color:color-mix(in srgb,var(--accent-color) 18%,var(--input-bg));border-radius:4px;overflow:hidden}.recurrent-goal-progress-bar{height:100%;background-color:var(--accent-color);transition:width .5s ease-out}.donation-paused-alert{background-color:#dc35451a;border:1px solid #dc3545;color:#dc3545;padding:1rem;border-radius:8px;text-align:center;margin-bottom:1rem}.autoplay-disabled-alert{background-color:#f59e0b1a;border:1px solid #f59e0b;color:#d97706;padding:.85rem 1rem;border-radius:8px;text-align:center;margin-bottom:1rem;font-size:.9rem}.dark .autoplay-disabled-alert{color:#fbbf24}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem;color:var(--text-color-light);font-size:.85rem;cursor:pointer;padding:.25rem 0}.checkbox-wrapper input[type=checkbox]{accent-color:var(--accent-color);width:16px;height:16px;cursor:pointer;margin:0}.product-mini-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:.75rem;transition:transform .2s,box-shadow .2s,border-color .2s;text-decoration:none;color:var(--text-color);display:flex;gap:.75rem;align-items:center;margin-bottom:.5rem;position:relative}.product-mini-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--card-shadow);border-color:var(--accent-color)}.product-mini-image{width:60px;height:60px;border-radius:6px;object-fit:cover;flex-shrink:0;background-color:var(--input-bg);display:flex;align-items:center;justify-content:center;color:var(--text-color-light)}.product-mini-info{flex:1;min-width:0;padding-right:1.8rem}.product-mini-name{font-weight:700;font-size:.9rem;margin-bottom:.1rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-mini-price{font-size:.85rem;color:var(--accent-color);font-weight:600}.pending-to-cancel-badge,.past-due-badge,.renew-badge,.purchased-badge{position:absolute;top:5px;right:5px;padding:.2rem .4rem;border-radius:4px;font-size:.7rem;font-weight:700;z-index:1}.pending-to-cancel-badge{background-color:var(--warning-color);color:#000}.past-due-badge{background-color:var(--danger-color);color:#fff}.renew-badge{background-color:var(--warning-color);color:#000}.purchased-badge{background-color:var(--alert-success-border);color:#000}.category-select-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.75rem}.category-select-card:hover{border-color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color) 5%,var(--card-bg))}.category-select-card.active{border-color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color) 12%,var(--card-bg));box-shadow:0 0 0 1px var(--accent-color)}.category-icon{width:32px;height:32px;background-color:color-mix(in srgb,var(--accent-color) 20%,transparent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-color);flex-shrink:0}.category-info{flex:1}.category-name{font-weight:600;font-size:.9rem;margin-bottom:.1rem}.category-min-price{font-size:.75rem;color:var(--text-color-light)}.btn-spinner{display:inline-block;width:1.1rem;height:1.1rem;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:btn-spin .8s ease-in-out infinite;vertical-align:middle}@keyframes btn-spin{to{transform:rotate(360deg)}}.theme-toggle-btn{position:fixed;top:1rem;right:1rem;z-index:100;background-color:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s;box-shadow:0 2px 6px var(--card-shadow)}.theme-toggle-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.audio-visualizer{width:100%;height:48px;border-radius:6px;background-color:color-mix(in srgb,var(--accent-color) 8%,var(--input-bg))}.audio-preview-container{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:8px}.audio-preview-player{flex:1;height:28px}.info-icon-btn{position:absolute;top:1rem;right:1rem;color:var(--text-color-light);font-size:1.4rem;transition:color .3s ease;z-index:10;text-decoration:none;line-height:1}.info-icon-btn:hover{color:var(--accent-color)}.order-mode-indicator{display:flex;background-color:color-mix(in srgb,var(--accent-color) 10%,var(--card-bg));border:1px solid var(--accent-color);color:var(--text-color);padding:.5rem .75rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem;font-weight:600;align-items:center;justify-content:center;gap:.4rem}.order-mode-indicator i{color:var(--accent-color)}.min-price-hint{font-size:.78rem;color:var(--text-color-light);text-align:left;margin-top:.2rem;margin-bottom:.5rem;padding-left:.25rem}.custom-file-upload{display:flex;align-items:center;justify-content:center;padding:.6rem 1rem;cursor:pointer;background-color:var(--input-bg);color:var(--text-color-light);border:1px dashed var(--input-border);border-radius:8px;font-weight:500;transition:all .2s ease;width:100%;font-size:.9rem;gap:.5rem;margin-bottom:0}.custom-file-upload:hover{border-color:var(--accent-color);color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color) 5%,var(--input-bg))}.file-selected-container{display:flex;align-items:center;justify-content:space-between;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:.5rem .75rem;font-size:.85rem}.file-selected-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;color:var(--text-color)}.file-remove-btn{background:none;border:none;color:var(--danger-color);cursor:pointer;padding:2px;display:flex;align-items:center;transition:color .2s;font-size:.9rem}.file-remove-btn:hover{opacity:.75}.instruction-checkbox-container{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem;font-size:.8rem;color:var(--text-color-light);width:100%}.instruction-checkbox-container input[type=checkbox]{width:auto;margin:0;accent-color:var(--accent-color);cursor:pointer}.instruction-checkbox-container label{margin:0;cursor:pointer;font-weight:400}.duration-selector-container{padding:1rem 1rem .5rem}.range-selector-wrapper{position:relative;width:100%;height:40px;display:flex;align-items:center;margin-bottom:.5rem;touch-action:none}.range-track-bg{position:absolute;left:0;right:0;height:6px;background-color:var(--input-border);border-radius:3px;z-index:1}.range-highlight{position:absolute;height:6px;background-color:var(--accent-color);border-radius:3px;z-index:2}.range-drag-bar{position:absolute;height:20px;top:50%;transform:translateY(-50%);cursor:grab;z-index:3}.range-drag-bar:active{cursor:grabbing}.range-handle{position:absolute;width:20px;height:20px;background-color:var(--accent-color);border:2px solid var(--card-bg);border-radius:50%;top:50%;transform:translate(-50%,-50%);z-index:4;cursor:pointer;box-shadow:0 1px 3px #0000004d;transition:transform .1s}.range-handle:hover{transform:translate(-50%,-50%) scale(1.1)}.range-handle:active{transform:translate(-50%,-50%) scale(1.2)}.range-labels{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-color-light);margin-top:.25rem}.range-value-display{font-weight:700;color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color) 10%,transparent);padding:.1rem .5rem;border-radius:4px}.sidebar-toggle{display:flex;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:25px;padding:4px;margin-bottom:1rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar-toggle::-webkit-scrollbar{display:none}.sidebar-toggle-item{flex:1 0 auto;text-align:center;padding:.45rem .75rem;cursor:pointer;font-size:.78rem;font-weight:700;color:var(--text-color-light);transition:all .3s ease;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:.4rem;white-space:nowrap;user-select:none}.sidebar-toggle-item.active{color:#000;background-color:var(--accent-color)}.sidebar-section{display:none;animation:sidebarFadeIn .25s ease}.sidebar-section.active{display:block}@keyframes sidebarFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(min-width:993px){.sidebar-toggle .goals-tab,.sidebar-toggle.desktop-single-tab{display:none}.sidebar-right .goals-section{display:none!important}}@media(max-width:992px){.page-wrapper{flex-direction:column;align-items:center;padding-top:3rem}.page-wrapper.has-recurrent-goal{padding-top:1.5rem}.sidebar-left,.sidebar-right{width:100%;max-width:420px}.spacer{display:none!important}.form-main-column{order:1}.sidebar-right{order:2}.sidebar-left{order:3}.has-sidebar-right .sidebar-left{display:none}.streamer-logo{width:70px;height:70px}}@media(max-width:480px){.form-container{padding:2.5rem 1rem}.quick-amounts-container{gap:.35rem}.btn-quick-amount{font-size:.9rem}}.payment-popup-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(4px)}.payment-popup-container{background-color:var(--card-bg);border-radius:16px;box-shadow:0 10px 25px #0003;width:95%;max-width:400px;padding:20px;border:1px solid var(--card-border);animation:popupIn .2s ease-out;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.payment-popup-header{grid-column:1 / -1;font-size:1.1rem;font-weight:700;color:var(--text-color);margin:0 0 10px;text-align:center}.payment-option{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;border:2px solid var(--input-border);border-radius:12px;margin-bottom:0;cursor:pointer;transition:all .2s ease-in-out;background-color:var(--input-bg);position:relative;gap:.25rem;text-align:center}.payment-option:hover{border-color:var(--text-color-light);transform:translateY(-2px)}.payment-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.payment-option.pix-option:has(input:checked){border-color:#32bcad;background-color:#32bcad1a}.payment-option.pix-option input:checked{border-color:#32bcad}.payment-option.pix-option input:checked:before{background-color:#32bcad;transform:scale(1)}.payment-option.card-option:has(input:checked){border-color:#4a90e2;background-color:#4a90e21a}.payment-option.card-option input:checked{border-color:#4a90e2}.payment-option.card-option input:checked:before{background-color:#4a90e2;transform:scale(1)}.payment-option.usdc-option:has(input:checked){border-color:#2775ca;background-color:#2775ca1a}.payment-option.usdc-option input:checked{border-color:#2775ca}.payment-option.usdc-option input:checked:before{background-color:#2775ca;transform:scale(1)}.payment-option.usdt-option:has(input:checked){border-color:#26a17b;background-color:#26a17b1a}.payment-option.usdt-option input:checked{border-color:#26a17b}.payment-option.usdt-option input:checked:before{background-color:#26a17b;transform:scale(1)}.payment-option-details{flex-grow:1;text-align:center}.payment-option-title{font-weight:700;color:var(--text-color);font-size:.85rem}.payment-option-desc{display:none}.payment-option-icon{width:36px;height:36px;margin-left:0;object-fit:contain;flex-shrink:0;display:flex;align-items:center;justify-content:center}.payment-popup-actions{grid-column:1 / -1;margin-top:15px;display:flex;flex-direction:column;gap:.5rem}@media(min-width:600px){.payment-popup-container{grid-template-columns:1fr;padding:24px;gap:0}.payment-popup-header{font-size:1.3rem;margin-bottom:24px}.payment-option{flex-direction:row;padding:16px;margin-bottom:12px;gap:0;text-align:left}.payment-option input[type=radio]{display:grid;margin-right:16px}.payment-option-details{text-align:left}.payment-option-title{font-size:1rem}.payment-option-desc{display:block;font-size:14px}.payment-option-icon{margin-left:16px}.payment-popup-actions{margin-top:24px;gap:.75rem}}.payment-popup-actions .btn{width:100%;padding:1rem;border-radius:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;border:none;font-size:1rem}.payment-popup-actions .btn-primary{background-color:var(--accent-color);color:var(--input-bg)}.payment-popup-actions .btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.payment-popup-actions .btn-primary:active{transform:translateY(0)}.payment-popup-cancel{display:block;color:var(--text-color-light);background:none;border:none;font-size:14px;text-align:center;cursor:pointer;transition:color .2s;padding:.5rem;text-decoration:none}.payment-popup-cancel:hover{color:var(--text-color);text-decoration:underline}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:none;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:0 4px 8px #0003;width:90%;max-width:400px;text-align:center;border:1px solid var(--card-border);position:relative}.popup-content.large-popup{max-width:800px}.popup-content h3{margin-top:0;margin-bottom:1rem;color:var(--text-color);font-size:1.25rem;font-weight:600}.popup-content p{margin-bottom:1.5rem;color:var(--text-color-light)}.popup-close-btn{position:absolute;top:0;right:0;background:none;border:none;color:var(--text-color-light);font-size:2rem;cursor:pointer;padding:15px;display:flex;align-items:center;justify-content:center;line-height:1;z-index:10;transition:color .2s,transform .2s}.popup-close-btn:hover{color:var(--text-color);transform:scale(1.1)}.chip-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:.5rem;align-items:center}.chip{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:50px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:transparent;border:1px solid currentColor;text-decoration:none;line-height:1.2}.chip:hover{background-color:color-mix(in srgb,currentColor 10%,transparent);opacity:.8}.chip i{margin-right:6px;font-size:.9rem}.chip-green{color:var(--chip-green-color, #4ade80);border-color:var(--chip-green-color, #4ade80)}.chip-blue{color:var(--chip-blue-color, #38bdf8);border-color:var(--chip-blue-color, #38bdf8)}.chip-game{color:var(--chip-game-color, #66c0f4);border-color:var(--chip-game-color, #66c0f4)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;max-height:60vh;overflow-y:auto;padding:.5rem}.game-item{display:flex;flex-direction:column;align-items:center;text-align:center;background-color:color-mix(in srgb,var(--text-color) 5%,transparent);padding:.5rem;border-radius:8px}.game-item img{width:64px;height:64px;object-fit:cover;border-radius:8px;margin-bottom:.5rem}.game-item span{font-size:.8rem;color:var(--text-color);word-break:break-word}.checkout-page .form-container{position:relative;max-width:900px;margin:1rem auto;padding:0;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 10px 25px var(--card-shadow);overflow:hidden;display:flex;flex-direction:column}.checkout-page .product-content-wrapper{display:flex;flex-direction:column}@media(min-width:768px){.checkout-page .product-content-wrapper{flex-direction:row}}.checkout-page .product-image-container{background-color:#0003;padding:1.25rem;display:flex;align-items:flex-start;justify-content:center;flex:0 0 40%;border-bottom:1px solid var(--card-border)}@media(min-width:768px){.checkout-page .product-image-container{padding:2rem;border-bottom:none;border-right:1px solid var(--card-border);max-width:400px}}.checkout-page .product-image,.checkout-page .product-image-placeholder{width:100%;max-width:180px;height:180px;border-radius:12px;box-shadow:0 4px 12px #0000004d;object-fit:cover}.checkout-page .product-image-placeholder{background-color:var(--bg-color);display:flex;align-items:center;justify-content:center;color:var(--text-color-light)}.checkout-page .product-image-placeholder i{font-size:2.5rem}@media(min-width:768px){.checkout-page .product-image,.checkout-page .product-image-placeholder{max-width:300px;height:300px}.checkout-page .product-image-placeholder i{font-size:4rem}}.checkout-page .product-details{padding:1.5rem;flex:1;text-align:left;display:flex;flex-direction:column}@media(min-width:768px){.checkout-page .product-details{padding:2.5rem}}.checkout-page .product-title{font-size:2rem;font-weight:800;color:var(--text-color);margin:0 0 .5rem;line-height:1.2}.checkout-page .product-price{font-size:1.5rem;font-weight:700;color:var(--accent-color);margin-bottom:1.5rem;display:inline-block;background:#2dd4bf1a;padding:.25rem .75rem;border-radius:8px}.checkout-page .price-container{display:flex;align-items:center;margin-bottom:1.5rem}.checkout-page .currency-select,.checkout-page select[name=currency]{padding:.5rem 2rem .5rem .75rem;border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--text-color);border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;width:100%;display:block;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.checkout-page .markdown-content{color:var(--text-color-light);line-height:1.6;font-size:1.1rem;margin-bottom:2rem}.checkout-page .markdown-content p{margin-bottom:1rem}.checkout-page .form-actions{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--card-border)}.checkout-page .form-actions .btn{width:100%;padding:1rem;font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.checkout-page .close-button{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;background-color:#0003;color:var(--text-color-light);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s ease;z-index:10;font-size:1.2rem;line-height:1}.checkout-page .close-button:hover{background-color:var(--danger-color);color:#fff}.checkout-page .transaction-summary{background-color:#00000008;border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.checkout-page .transaction-summary.single-control{padding:1rem;background-color:transparent;border:none;margin-bottom:.5rem}.checkout-page .transaction-summary.single-control .controls-grid{display:flex;justify-content:flex-start;margin-bottom:.5rem}.checkout-page .transaction-summary.single-control .control-group{width:140px}@media(min-width:768px){.checkout-page .transaction-summary.single-control .control-group{flex-direction:row;align-items:center;gap:.75rem;width:auto}.checkout-page .transaction-summary.single-control .control-group label{margin-bottom:0;min-height:auto;white-space:nowrap}.checkout-page .transaction-summary.single-control .currency-select{width:140px}}.checkout-page .transaction-summary.single-control .control-group label{min-height:auto;margin-bottom:.25rem}.checkout-page .controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.checkout-page .control-group{display:flex;flex-direction:column}.checkout-page .control-group label{font-size:.85rem;font-weight:600;color:var(--text-color-light);margin-bottom:.5rem;min-height:2.5rem;display:flex;align-items:flex-end}.checkout-page .control-group.full-width{grid-column:1 / -1}.checkout-page .payment-plan-options{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}@media(min-width:500px){.checkout-page .payment-plan-options{flex-direction:row}}.checkout-page .payment-plan-option{flex:1;border:1px solid var(--input-border);border-radius:8px;padding:.75rem;cursor:pointer;display:flex;align-items:center;background-color:var(--input-bg);transition:all .2s;position:relative}.checkout-page .payment-plan-option:hover{border-color:var(--text-color-light)}.checkout-page .payment-plan-option.selected{border-color:var(--accent-color);background-color:#2dd4bf0d;box-shadow:0 0 0 1px var(--accent-color)}.checkout-page .payment-plan-option input{margin-right:.75rem;accent-color:var(--accent-color)}.checkout-page .plan-details{display:flex;flex-direction:column}.checkout-page .plan-title{font-weight:600;color:var(--text-color);font-size:.95rem}.checkout-page .plan-subtitle{font-size:.8rem;color:var(--text-color-light)}.checkout-page #id_promotion_code,.checkout-page .promo-input{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--text-color);border-radius:8px;font-size:1rem}.checkout-page .final-price-container{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--card-border)}.checkout-page .final-price-label{font-size:1.2rem;font-weight:700;color:var(--text-color)}.checkout-page .btn-spinner{display:inline-block;width:1.2rem;height:1.2rem;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:btn-spin 1s ease-in-out infinite;vertical-align:middle}.checkout-page .payment-methods-title{font-size:.9rem;font-weight:700;color:var(--text-color-light);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.checkout-page .payment-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media(min-width:768px){.checkout-page .payment-options{flex-direction:row}.checkout-page .payment-option-btn{flex:1}}.checkout-page .payment-option-btn{display:grid;grid-template-columns:48px 1fr;grid-template-areas:"icon title" "icon desc";align-items:center;text-align:left;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease;width:100%}.checkout-page .payment-option-btn i{grid-area:icon;font-size:1.5rem;color:var(--text-color-light);transition:color .2s ease}.checkout-page .payment-option-btn .option-title{grid-area:title;font-weight:700;color:var(--text-color);font-size:1rem}.checkout-page .payment-option-btn .option-desc{grid-area:desc;font-size:.8rem;color:var(--text-color-light)}.checkout-page .payment-option-btn:hover{border-color:var(--text-color-light);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.checkout-page .payment-option-btn.selected{border-color:var(--accent-color);background-color:#2dd4bf0d;box-shadow:0 0 0 1px var(--accent-color)}.checkout-page .payment-option-btn.selected i{color:var(--accent-color)}