.order-flow{max-width:400px;margin:0 auto;padding:var(--space-6);display:flex;flex-direction:column-reverse;gap:var(--space-6)}.step{animation:fadeIn .3s ease}.step.hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.prompt{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-4);text-align:center}.platforms{display:flex;justify-content:center;gap:var(--space-4)}.platform{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-2xl);cursor:pointer;transition:all .2s ease}.platform svg{width:36px;height:36px;color:#9ca3af;transition:all .2s ease}.platform:hover{transform:scale(1.05);border-color:#d1d5db;box-shadow:var(--shadow-md)}.platform:hover svg{color:#6b7280}.platform.active{transform:scale(1.08);box-shadow:var(--shadow-lg)}.service-types{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.service-type{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);background:#fff;border:1.5px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.service-type:hover{border-color:var(--color-primary-light);color:var(--color-text)}.service-type.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.service-type .icon{font-size:var(--text-sm)}.username-input{display:flex;align-items:center;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;transition:border-color .2s}.username-input:focus-within{border-color:var(--color-primary)}.at{padding:var(--space-4) var(--space-2) var(--space-4) var(--space-4);color:var(--color-text-muted);font-size:var(--text-xl);font-weight:600}.username-input input{flex:1;padding:var(--space-4) var(--space-4) var(--space-4) 0;border:none;background:transparent;font-size:var(--text-xl);color:var(--color-text);outline:none}.username-input input::placeholder{color:#d1d5db}.account-card{display:flex;align-items:center;gap:var(--space-3);background:#f0fdf4;border:2px solid #86efac;border-radius:var(--radius-2xl);padding:var(--space-4)}.account-card img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #ffffff}.account-info{flex:1;display:flex;flex-direction:column;gap:2px}.account-name{font-weight:700;font-size:var(--text-base);color:var(--color-text)}.account-check{font-size:var(--text-sm);font-weight:600;color:#059669}.change-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--color-text-light);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.change-btn:hover{background:var(--color-bg-alt);border-color:#d1d5db}.quantities{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.qty{padding:var(--space-4);font-size:var(--text-lg);font-weight:700;color:var(--color-text);background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.qty:hover{border-color:var(--color-primary-light);background:#faf5ff}.qty.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.qty .amount{font-size:var(--text-2xl)}.qty .charge{font-size:var(--text-sm);font-weight:500;opacity:.8}.qty.active .charge{opacity:1}.checkout-btn{width:100%;padding:var(--space-5);font-size:var(--text-xl);font-weight:700;color:#fff;background:var(--gradient-brand);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #7c3aed59}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #7c3aed73}.audience-options{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.audience{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);background:#fff;border:1.5px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}.audience:hover{border-color:var(--color-primary-light);color:var(--color-text)}.audience.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.audience-desc{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;line-height:1.4}.loading-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6)}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:var(--text-base);font-weight:500;color:var(--color-text-muted)}.page[data-astro-cid-j7pv25f6]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--color-bg-gradient)}h1[data-astro-cid-j7pv25f6]{font-size:var(--text-4xl);margin-bottom:var(--space-2)}p[data-astro-cid-j7pv25f6]{color:var(--color-text-light);margin-bottom:var(--space-8)}