.modal-backdrop.svelte-l7m30l{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content.svelte-l7m30l{background-color:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.modal-close.svelte-l7m30l{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-full);background-color:var(--color-surface-raised);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);z-index:10;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.modal-close.svelte-l7m30l:hover{background-color:var(--color-border);color:var(--color-text)}.modal-header.svelte-l7m30l{padding:var(--space-8) var(--space-6) var(--space-6);text-align:center;border-bottom:1px solid var(--color-border-subtle)}.modal-icon.svelte-l7m30l{border-radius:var(--radius-full);background-color:var(--color-primary-light);width:48px;height:48px;color:var(--color-bg);margin:0 auto var(--space-4);justify-content:center;align-items:center;display:flex}.modal-title.svelte-l7m30l{font-family:var(--font-display);color:var(--color-text);margin-bottom:var(--space-2);font-size:1.5rem;font-weight:700}.modal-subtitle.svelte-l7m30l{color:var(--color-text-muted);font-size:.9375rem}.modal-subtitle.svelte-l7m30l strong:where(.svelte-l7m30l){color:var(--color-text)}.packs-grid.svelte-l7m30l{gap:var(--space-4);padding:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.pack-card.svelte-l7m30l{padding:var(--space-6) var(--space-4);background-color:var(--color-surface-raised);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.pack-card.svelte-l7m30l:hover{border-color:var(--color-text-muted)}.pack-card--selected.svelte-l7m30l{border-color:var(--color-primary);background-color:var(--color-surface);box-shadow:0 0 0 1px var(--color-primary)}.pack-card--popular.svelte-l7m30l{border-color:var(--color-primary-light)}.pack-card--selected.pack-card--popular.svelte-l7m30l{border-color:var(--color-primary)}.pack-badge.svelte-l7m30l{background-color:var(--color-primary);color:var(--color-text-inverse);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);white-space:nowrap;padding:2px 8px;font-size:.6875rem;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.pack-name.svelte-l7m30l{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);font-size:.8125rem;font-weight:600}.pack-credits.svelte-l7m30l{margin-bottom:var(--space-2);flex-direction:column;align-items:center;display:flex}.pack-amount.svelte-l7m30l{font-family:var(--font-display);color:var(--color-text);font-size:2rem;font-weight:800;line-height:1}.pack-label.svelte-l7m30l{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.8125rem;font-weight:600}.pack-price.svelte-l7m30l{color:var(--color-text);margin-top:auto;font-size:1.125rem;font-weight:700}.pack-check.svelte-l7m30l{bottom:var(--space-3);right:var(--space-3);border-radius:var(--radius-full);background-color:var(--color-primary);width:20px;height:20px;color:var(--color-text-inverse);opacity:0;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;transform:scale(.8)}.pack-card--selected.svelte-l7m30l .pack-check:where(.svelte-l7m30l){opacity:1;transform:scale(1)}.modal-footer.svelte-l7m30l{padding:var(--space-6);background-color:var(--color-surface-raised);border-top:1px solid var(--color-border-subtle);gap:var(--space-4);flex-direction:column;display:flex}.modal-note.svelte-l7m30l{color:var(--color-text-muted);text-align:center;margin:0;font-size:.8125rem}.checkout-btn.svelte-l7m30l{background-color:var(--color-primary);width:100%;color:var(--color-text-inverse);font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);border:none;padding:14px;font-size:1rem;font-weight:600}.checkout-btn.svelte-l7m30l:hover:not(:disabled){background-color:var(--color-primary-light)}.checkout-btn.svelte-l7m30l:disabled{opacity:.7;cursor:not-allowed}
