.modal-overlay{background-color:#0006;backdrop-filter:blur(8px);position:fixed;inset:0;animation:overlayShow .2s ease-out;z-index:999}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}.modal-content{--_modal-bg: var(--ok-modal-bg, #ffffff);--_modal-fg: var(--ok-modal-fg, #111827);--_modal-text: var( --ok-modal-text, color-mix(in srgb, var(--_modal-fg) 82%, var(--_modal-bg)) );--_modal-muted: var( --ok-modal-muted, color-mix(in srgb, var(--_modal-fg) 62%, var(--_modal-bg)) );--_modal-placeholder: color-mix(in srgb, var(--_modal-fg) 45%, var(--_modal-bg));--_modal-surface: var( --ok-modal-surface, color-mix(in srgb, var(--_modal-fg) 4%, var(--_modal-bg)) );--_modal-surface-strong: color-mix(in srgb, var(--_modal-fg) 7%, var(--_modal-bg));--_modal-border: var( --ok-modal-border, color-mix(in srgb, var(--_modal-fg) 12%, var(--_modal-bg)) );--_modal-accent: var(--ok-modal-accent, #059669);--_modal-accent-strong: var( --ok-modal-accent-strong, color-mix(in srgb, var(--_modal-accent) 85%, var(--_modal-fg)) );position:fixed;top:50%;left:50%;width:90vw;max-width:480px;max-height:85vh;transform:translate(-50%,-50%);z-index:1000;border-radius:24px;border:1px solid var(--_modal-border);background:var(--_modal-bg);color:var(--_modal-fg);box-shadow:0 25px 60px -12px #00000026;padding:40px 32px;display:flex;flex-direction:column;align-items:center;overflow-y:auto;outline:none;animation:modalShow .3s ease-out}@keyframes modalShow{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-logo{height:48px;object-fit:contain;margin-bottom:20px}.modal-close{position:absolute;top:16px;right:16px;width:20px;object-fit:contain;cursor:pointer;transition:all .2s;opacity:.4}.modal-close:hover{opacity:.7;transform:scale(1.1)}.modal-content .btn{display:block;width:100%;padding:14px;text-align:center;border-radius:12px;font-weight:600;font-size:14px;background:linear-gradient(135deg,#10b981,#047857);color:#fff;box-shadow:0 4px 15px #10b9814d;transition:all .2s}.modal-content .btn:hover{box-shadow:0 8px 25px #10b98166;background:linear-gradient(135deg,#10b981,#047857);color:#fff;transform:translateY(-2px)}.modal-content .btn.btn-secondary{background:transparent!important;color:var(--_modal-text)!important;border:1px solid var(--_modal-border)!important;box-shadow:none!important}.modal-content .btn.btn-secondary:hover{background:var(--_modal-surface)!important;box-shadow:none!important;transform:translateY(-1px)!important}.btn-loading{display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:btn-spinner-rotate .7s linear infinite}@keyframes btn-spinner-rotate{to{transform:rotate(360deg)}}.anchor-modal-content{color:var(--_modal-text);margin-top:16px;font-size:14px;line-height:1.6}@media screen and (max-width: 768px){.modal-content{padding:32px 24px;max-width:420px}.modal-close{top:12px;right:12px}}@media screen and (max-width: 480px){.modal-content{padding:28px 20px;width:94vw}}.cancel-autorenew-trigger{margin:0;cursor:pointer;text-decoration:none}.cancel-autorenew-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cancel-autorenew-box{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.cancel-autorenew-info{color:var(--_modal-muted);font-size:14px;line-height:1.5;margin:0 0 16px;width:100%}.cancel-autorenew-info b{color:var(--_modal-text);font-weight:600;word-break:break-all}.cancel-autorenew-error{color:tomato;font-size:13px;line-height:1.4;margin:0 0 8px;width:100%;text-align:left}.cancel-autorenew-input{width:100%;font-size:16px;border-radius:12px;padding:14px 16px;border:1px solid var(--_modal-border);background:var(--_modal-surface);color:var(--_modal-fg);outline:none;transition:border-color .2s,box-shadow .2s}.cancel-autorenew-input::placeholder{color:var(--_modal-placeholder)}.cancel-autorenew-input:focus{border-color:var(--_modal-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--_modal-accent) 15%,transparent)}.cancel-autorenew-input:disabled{opacity:.6;cursor:default}.cancel-autorenew-input.error{border-color:tomato;background-color:color-mix(in srgb,tomato 9%,var(--_modal-bg))}.cancel-autorenew-code{text-align:center;letter-spacing:8px;font-size:22px;font-weight:600;font-family:SF Mono,Fira Code,Fira Mono,monospace;padding-left:24px}.cancel-autorenew-code::placeholder{letter-spacing:8px}.modal-content .btn.cancel-autorenew-btn{margin-top:16px}.modal-content .btn.cancel-autorenew-btn:disabled{cursor:default;opacity:.5;pointer-events:none}.cancel-autorenew-box a{width:100%}.cancel-autorenew-hint{color:var(--_modal-muted);font-size:12px;line-height:1.5;margin:16px 0 0}.cancel-autorenew-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px}.cancel-autorenew-link{background:none;border:none;padding:0;color:var(--_modal-accent);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:color .2s}.cancel-autorenew-link:hover:not(:disabled){color:var(--_modal-accent-strong)}.cancel-autorenew-link:disabled{color:var(--_modal-placeholder);cursor:default}.cancel-autorenew-close-btn{display:flex;align-items:center;justify-content:center;height:20px;padding:0;border:none;background:none;color:var(--_modal-fg)}.payment-input{display:flex;flex-direction:column;width:100%;margin-top:50px}.payment-input-price{display:flex;justify-content:space-between;align-items:center}.payment-input-price p{font-weight:900;font-size:16px;color:var(--_modal-fg)}.payment-input-email::placeholder{color:var(--_modal-placeholder)}.payment-input-email{width:100%;font-size:16px;border-radius:16px;padding:15px;border:2px solid var(--_modal-fg);background:var(--_modal-bg);color:var(--_modal-fg);outline:none;margin-top:5px}.payment-input-email.error{border:2px solid tomato;background-color:color-mix(in srgb,tomato 9%,var(--_modal-bg))}.email-info{font-size:13px;color:var(--_modal-fg)}.error-text{color:tomato;font-size:13px;margin-top:5px}.payment-offerta{display:flex;margin-top:50px;font-size:10px;color:var(--_modal-fg);align-items:center;gap:15px}.modal-content .payment-offerta.payment-offerta-next{margin-top:14px!important}.payment-offerta-text.error{color:tomato}.payment-offerta-checkbox{background-color:var(--_modal-bg);border:2px solid var(--_modal-fg);border-radius:5px;width:25px;height:25px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.payment-offerta-checkbox.error{border:2px solid tomato}.payment-offerta-checkbox-indicator{background-color:var(--_modal-fg);width:15px;height:15px;border-radius:5px;display:flex;flex-shrink:0}.payment-methods{display:flex;gap:25px;margin-top:5px;flex-wrap:wrap;justify-content:center}.payment-method{width:75px;height:75px;object-fit:contain}.payment-modal-btn:disabled{cursor:default;opacity:.5;pointer-events:none}@media screen and (max-width: 991px){.payment-method{width:50px;height:50px}}.spinner{width:36px;height:36px;margin:16px 0;border:3px solid var(--_modal-border);border-radius:50%;border-top-color:var(--_modal-accent);animation:spin .8s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-box{display:flex;flex-direction:column;align-items:center;text-align:center;max-height:100%;overflow-y:auto;width:100%}.status-box .title-block{font-weight:700;color:var(--_modal-fg)}.status-box .title{color:var(--_modal-fg);font-weight:700;font-size:20px;line-height:1.3;margin-bottom:8px}.status-box .info{color:var(--_modal-muted);font-size:14px;line-height:1.5;margin-bottom:4px;margin-top:0;width:100%}.status-box .buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%;margin-top:20px}.status-box .buttons a{width:100%}.status-box button{padding:14px;width:100%}.config-box{display:flex;flex-direction:column;gap:0;font-family:SF Mono,Fira Code,Fira Mono,monospace;background:var(--_modal-surface);border:1px solid var(--_modal-border);border-radius:12px;color:var(--_modal-text);font-size:13px;line-height:1.5;margin-top:0;margin-bottom:8px;width:100%;overflow:hidden}.config-text{padding:14px 16px;word-break:break-all;text-align:left}.config-copy-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 16px;border:none;border-top:1px solid var(--_modal-border);border-radius:0;background:var(--_modal-surface-strong);color:var(--_modal-text);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.config-copy-btn:hover{background:var(--_modal-border);color:var(--_modal-fg)}.config-copy-btn.copied{background:color-mix(in srgb,var(--_modal-accent) 12%,var(--_modal-bg));color:var(--_modal-accent);border-top-color:color-mix(in srgb,var(--_modal-accent) 40%,var(--_modal-bg))}.config-instruction{color:var(--_modal-accent);font-size:13px;font-weight:500}.config-instruction:hover{color:var(--_modal-accent-strong)}.config-infotext{color:var(--_modal-muted);font-size:13px;line-height:1.5;margin-top:20px}