@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Space Grotesk,sans-serif;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:#f8f8f8;background-image:radial-gradient(circle,rgba(19,117,222,.05) 2px,transparent 2px);background-size:30px 30px;overflow-y:auto;padding:20px 0}#root{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px 0}.payment-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.payment-loading-spinner{display:inline-block;width:48px;height:48px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:payment-spin 1s linear infinite}:root{--primary: #1375DE;--primary-hover: #0f5fbf;--card-bg: #ffffff;--text-main: #000000;--text-secondary: #6b7280;--border-color: #e5e7eb;--input-bg: #f9fafb}.app-header{position:fixed;top:0;left:0;padding:2rem;z-index:100}.app-logo{height:40px;width:auto;transition:transform .2s}.app-logo:hover{transform:scale(1.05)}.payment-card{background-color:var(--card-bg);border-radius:24px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:50vw;height:110vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #f3f4f6}.payment-card::-webkit-scrollbar{width:0;height:0;display:none}.payment-card-content{padding:20px;position:relative;width:45vw}.info-product{position:absolute;background:var(--card-bg);border:3px solid #4D7CFF;border-radius:20px;padding:24px 28px;display:flex;flex-direction:column;font-family:Space Grotesk,sans-serif;font-weight:400;box-shadow:0 8px 32px #0000001a;width:25vw;min-width:260px;max-width:350px;left:27vw;top:10vh;color:var(--text-main);z-index:2}.styled-info-product .info-title{font-size:1.3rem;font-weight:700;color:var(--primary);margin-bottom:8px;letter-spacing:.01em}.styled-info-product .info-separator{border:none;border-top:1.5px solid var(--border-color);margin:8px 0 14px}.styled-info-product .info-description{font-size:1rem;color:var(--text-secondary);margin-bottom:12px}.styled-info-product .info-benefits{list-style:disc inside;margin:0 0 14px;padding:0 0 0 10px;color:var(--text-main);font-size:1rem}.styled-info-product .info-benefits li{margin-bottom:4px}.styled-info-product .info-footer{font-size:1.05rem;color:var(--primary);font-weight:600;display:grid;align-items:center;gap:8px;margin-top:10px}.info-product img{width:15%!important;padding:8px;position:absolute;background:#fff;border-radius:20%;right:-34px;border:3px solid #000;box-shadow:4px 4px #000;padding-top:8px!important}.app-container{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw}.image-div{display:grid;justify-content:center;align-items:center;width:100%}.image-div img{width:60%;padding-top:35vh;margin-left:15vh}.payment-card{width:100%;display:grid;justify-content:center;align-items:center}.back-button{position:absolute;top:18px;left:18px;width:40px;height:40px;border-radius:12px;border:2px solid var(--border-color);background:var(--input-bg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-main);transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.back-button:hover{background:#fff;transform:translateY(-1px);box-shadow:0 10px 25px #00000014}.back-button:active{transform:translateY(0)}.back-button:focus-visible{outline:none;box-shadow:0 0 0 4px #1375de2e}.brand-section{display:flex;flex-direction:column;align-items:center;margin-bottom:15px;text-align:center}.product-image{width:50%;height:auto;margin-bottom:20px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.1))}.payment-title{font-size:30px;font-weight:600;color:var(--text-main);margin:0 0 8px}.payment-subtitle{color:var(--text-secondary);font-size:16px;font-weight:400;margin:0 0 16px}.price{font-size:36px;font-weight:700;color:var(--text-main);margin:0;letter-spacing:-1px}.price-description{font-size:18px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.form-container{display:flex;gap:10px;height:100%;width:100%;justify-content:space-between}.container-payment{display:flex;gap:10px;height:100%;width:75%;justify-content:space-between}.input-container{position:relative;width:100%}.input-container:last-child{margin-top:10%}.input-info{width:30%}.input-label{display:block;font-size:14px;font-weight:600;color:var(--text-main);margin-bottom:8px;font-family:Space Grotesk,sans-serif}.input-field{width:100%;padding:16px 20px;border-radius:12px;border:2px solid var(--border-color);outline:none;transition:all .3s ease;background-color:var(--input-bg);font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:400;color:var(--text-main);box-sizing:border-box}.input-field:focus{border-color:var(--primary)!important;background-color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 25px #1375de26}.input-field::placeholder{color:#9ca3af;font-weight:400}.quantity-selector{display:flex;align-items:center;gap:12px;margin-top:8px}.quantity-btn{width:40px;height:40px;border-radius:8px;border:2px solid var(--border-color);background-color:#fff;color:var(--text-main);font-size:20px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Space Grotesk,sans-serif}.quantity-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);transform:scale(1.05)}.quantity-btn:disabled{opacity:.3;cursor:not-allowed}.quantity-input{width:60px;height:40px;text-align:center;font-size:18px;font-weight:600;border:2px solid var(--border-color);border-radius:8px;font-family:Space Grotesk,sans-serif;color:var(--text-main);background-color:#fff}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{display:none}.quantity-price{margin-top:12px;padding:12px;background-color:var(--input-bg);border-radius:8px;font-size:16px;color:var(--text-secondary)}.quantity-price strong{color:var(--primary);font-size:20px}.payment-button{width:100%;padding:16px 24px;border-radius:12px;border:none;color:#fff;font-weight:600;font-size:16px;transition:all .3s ease;transform:translateY(0);font-family:Space Grotesk,sans-serif;background-color:var(--primary);cursor:pointer;margin-top:8px}.payment-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #1375de66;background-color:var(--primary-hover)}.payment-button:active:not(:disabled){transform:translateY(0)}.payment-button:disabled{background-color:#9ca3af!important;cursor:not-allowed!important;opacity:.5!important}.loading-content{display:flex;align-items:center;justify-content:center;gap:12px}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:12px;margin-bottom:16px;font-size:14px;text-align:center;font-weight:500;font-family:Space Grotesk,sans-serif;position:absolute;width:45vw;top:-6%}.info-message{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;padding:12px 16px;border-radius:12px;margin-bottom:16px;font-size:14px;font-weight:500;font-family:Space Grotesk,sans-serif}.security-badge{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;color:var(--text-secondary);font-size:13px;flex-wrap:wrap;text-align:center}.legal-link{color:var(--text-secondary);text-decoration:none;font-weight:500}.legal-link:hover{text-decoration:underline}.legal-sep{color:#cbd5e1}.success-screen{text-align:center;padding:20px 0;animation:fadeIn .6s ease-out}.success-icon-circle{display:flex;justify-content:center;margin-bottom:16px}.success-title{font-size:28px;font-weight:700;color:var(--text-main);margin:10px 0 12px}.success-message{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:18px}.success-details{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:16px;margin-top:18px;text-align:left}.success-details p{margin:8px 0;font-size:14px;color:var(--text-main)}.success-details strong{color:var(--primary)}.success-icon-circle{display:flex;justify-content:center;margin-bottom:20px;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success-icon-circle svg{animation:scaleIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.language-selector{position:fixed;top:2rem;right:2rem;display:flex;gap:6px;z-index:200;background:#fffffff2;padding:6px;border-radius:12px;box-shadow:0 4px 12px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.language-btn{padding:10px 20px;border-radius:8px;border:none;background:transparent;color:#6b7280;cursor:pointer;font-weight:600;font-size:14px;font-family:Space Grotesk,sans-serif;transition:all .2s ease;letter-spacing:.5px}.language-btn:hover{background:#f9fafb;color:#000}.language-btn.active{background:#1375de;color:#fff;box-shadow:0 2px 8px #1375de4d}.language-btn:active{transform:scale(.95)}.onorato-header{position:fixed;top:0;left:0;width:100%;background:#fff;border-bottom:1px solid #e5e7eb;z-index:300;padding:0}.onorato-header-content{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.5rem 3rem}.onorato-logo{height:48px;width:auto;cursor:pointer;transition:opacity .2s}.onorato-logo:hover{opacity:.8}.language-selector-header{display:flex;gap:12px}.language-btn-header{padding:12px 28px;border-radius:28px;border:2px solid #003d82;background:transparent;color:#003d82;cursor:pointer;font-weight:600;font-size:16px;font-family:Space Grotesk,sans-serif;transition:all .2s ease}.language-btn-header:hover:not(.active){background:#f0f7ff}.language-btn-header.active{background:#003d82;color:#fff;border-color:#003d82}.payment-loading-spinner{display:inline-block;width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:payment-spin 1s linear infinite}@keyframes payment-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-form-wrapper{display:flex;flex-direction:column;gap:16px}#payment-form{width:100%;margin-left:5%}.payment-input-group{position:relative;width:100%}.payment-input-group label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-main)}.payment-input-group input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;transition:all .2s ease}.payment-input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1375de1a}.payment-status{padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:12px}.payment-status.loading{background-color:#e3f2fd;color:#1976d2;border:1px solid #90caf9}.payment-status.error{background-color:#ffebee;color:#d32f2f;border:1px solid #ef5350}.payment-status.success{background-color:#e8f5e9;color:#388e3c;border:1px solid #81c784}