.quick-buy-component{max-width:600px;margin:0 auto;padding:1rem}.form-container{background:#fff;border:2px solid var(--color-border);border-radius:16px;padding:1.5rem}.back-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:2px solid var(--color-border);border-radius:12px;color:var(--color-text);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:1.5rem;-webkit-tap-highlight-color:transparent}.back-button:active{transform:scale(.97)}.back-icon{width:18px;height:18px}.platform-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:12px;margin-bottom:1.5rem}.platform-header .platform-icon{width:40px;height:40px;flex-shrink:0}.platform-header .platform-name{font-size:1.25rem;font-weight:800;margin:0;letter-spacing:.02em}.spotify-header{background:linear-gradient(135deg,#f5fcf8,#e6f9ed);border-color:#1db954;color:#1db954}.soundcloud-header{background:linear-gradient(135deg,#fff6f5,#ffe8e6);border-color:#f50;color:#f50}.twitter-header{background:linear-gradient(135deg,#f5f5f5,#e5e5e5);border-color:#000;color:#000}.facebook-header{background:linear-gradient(135deg,#f5f8ff,#e6f0ff);border-color:#1877f2;color:#1877f2}.instagram-header{background:linear-gradient(135deg,#fef5f8,#fde8f0);border-color:#e1306c;color:#e1306c}.tiktok-header{background:linear-gradient(135deg,#f5f5f5,#e5e5e5);border-color:#000;color:#000}.youtube-header{background:linear-gradient(135deg,#fff5f5,#ffe6e6);border-color:red;color:red}.linkedin-header{background:linear-gradient(135deg,#f5f9ff,#e6f0ff);border-color:#0a66c2;color:#0a66c2}.progress-steps{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;padding:0 1rem}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s ease;background:none;border:none;cursor:default;padding:0;-webkit-tap-highlight-color:transparent}.progress-step.clickable{cursor:pointer}.progress-step.clickable:active .step-circle{transform:scale(.95)}.step-circle{width:36px;height:36px;border-radius:50%;background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;transition:all .3s ease}.progress-step.active .step-circle{background:var(--gradient-brand);color:#fff;box-shadow:0 0 0 4px #ff6b001a}.progress-step.completed .step-circle{background:#10b981;color:#fff}.step-label{font-size:.75rem;font-weight:600;color:#9ca3af;transition:all .3s ease}.progress-step.active .step-label{color:var(--color-primary)}.progress-step.completed .step-label{color:#10b981}.progress-line{width:40px;height:2px;background:#e5e7eb;margin:0 .5rem 1.5rem}.form-step{display:none;animation:fadeIn .3s ease}.form-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-content{margin-bottom:1.5rem}.step-title{font-size:1.125rem;font-weight:700;color:var(--color-text);margin:0 0 .5rem}.step-description{font-size:.875rem;color:var(--color-text-muted);margin:0 0 1.25rem}.input-group{margin-bottom:1.5rem}.service-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.service-button{padding:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:12px;color:var(--color-text);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.service-button:active{transform:scale(.97)}.service-button.selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:var(--color-primary);box-shadow:0 2px 8px #ff6b0033}.continue-button{width:100%;padding:1rem 1.5rem;background:var(--gradient-brand);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;-webkit-tap-highlight-color:transparent}.continue-button:active{transform:scale(.98)}.arrow-icon{width:20px;height:20px}.input-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:var(--color-text);margin:0}.label-icon{width:18px;height:18px;color:var(--color-primary)}.quantity-input{width:100%;padding:.875rem 1rem;border:2px solid var(--color-border);border-radius:12px;font-size:1rem;color:var(--color-text);background:#fff;outline:none;transition:all .2s ease;-webkit-appearance:none}.quantity-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b001a}.quantity-input:disabled{opacity:.5;cursor:not-allowed;background:#f7fafc}.price-display{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;border-radius:12px;padding:1rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.price-label{font-size:.875rem;font-weight:600;color:var(--color-text-muted)}.price-value{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.link-section{margin-bottom:1.5rem}.link-input{width:100%;padding:.875rem 1rem;border:2px solid var(--color-border);border-radius:12px;font-size:1rem;color:var(--color-text);background:#fff;outline:none;transition:all .2s ease;-webkit-appearance:none}.link-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b001a}.link-input::placeholder{color:var(--color-text-muted)}.link-input:disabled{opacity:.5;cursor:not-allowed;background:#f7fafc}.error-message{margin-bottom:1rem;padding:.875rem 1rem;background:#fff5f5;border:2px solid #feb2b2;border-radius:12px;color:#c53030;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.error-icon{width:18px;height:18px;flex-shrink:0}.payment-methods{margin-bottom:1rem;padding:.75rem;background:#f7fafc;border-radius:12px}.payment-label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.payment-icons{display:flex;align-items:center;gap:.5rem}.payment-icon{width:24px;height:24px;color:var(--color-primary);flex-shrink:0}.payment-text{font-size:.8125rem;color:var(--color-text);font-weight:600}.buy-button{width:100%;padding:1rem 1.5rem;background:var(--gradient-brand);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;-webkit-tap-highlight-color:transparent}.buy-button:disabled{opacity:.5;cursor:not-allowed}.buy-button:active:not(:disabled){transform:scale(.98)}.buy-icon{width:20px;height:20px}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}@media(min-width:769px){.quick-buy-component{padding:2rem 1rem}.form-container{padding:2rem;border-radius:20px}.back-button{padding:.75rem 1.25rem;font-size:1rem;border-radius:14px;margin-bottom:2rem}.back-button:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translate(-4px)}.back-button:active{transform:translate(-2px)}.back-icon{width:20px;height:20px}.platform-header{padding:1.5rem;border-radius:16px;margin-bottom:2rem}.platform-header .platform-icon{width:56px;height:56px}.platform-header .platform-name{font-size:1.75rem}.step-circle{width:44px;height:44px;font-size:1rem}.step-label{font-size:.875rem}.progress-line{width:60px}.progress-step.clickable:hover .step-circle{transform:scale(1.1);box-shadow:0 0 0 6px #ff6b001a}.progress-step.clickable.completed:hover .step-circle{box-shadow:0 0 0 6px #10b9811a}.progress-step.clickable:active .step-circle{transform:scale(1.05)}.step-title{font-size:1.375rem}.step-description{font-size:1rem}.continue-button{padding:1.125rem 2rem;font-size:1.125rem;border-radius:999px}.continue-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b0066}.continue-button:active{transform:translateY(0)}.arrow-icon{width:24px;height:24px}.section-title{font-size:1.125rem;margin-bottom:1rem}.service-buttons{gap:1rem}.service-button{padding:1.25rem;font-size:1rem;border-radius:14px}.service-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.service-button:active{transform:translateY(0)}.service-button.selected:hover{box-shadow:0 4px 12px #ff6b004d}.quantity-section,.link-section{margin-bottom:2rem}.input-label{font-size:1rem;margin-bottom:.75rem}.label-icon{width:20px;height:20px}.quantity-input,.link-input{padding:1rem 1.25rem;font-size:1.0625rem;border-radius:14px}.price-display{padding:1.25rem 1.5rem;margin-bottom:2rem;border-radius:14px}.price-label{font-size:1rem}.price-value{font-size:1.5rem}.error-message{margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:1rem}.error-icon{width:20px;height:20px}.payment-methods{margin-bottom:1.5rem;padding:1rem;border-radius:14px}.payment-label{font-size:.8125rem}.payment-icon{width:28px;height:28px}.payment-text{font-size:.875rem}.buy-button{padding:1.125rem 2rem;font-size:1.125rem;border-radius:999px}.buy-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b0066}.buy-button:active:not(:disabled){transform:translateY(0)}.buy-icon,.spinner{width:24px;height:24px}}.landing[data-astro-cid-tf5xbk2e]{min-height:100vh;background:var(--color-bg);display:flex;flex-direction:column}
