:root{--color-brand-primary: #00C287;--color-brand-gradient-start: #00C287;--color-brand-gradient-end: #008CFF;--color-brand-navy: #0B1B32;--color-brand-navy-light: #163A5F;--color-neutral-background: #FFFFFF;--color-neutral-surface: #FFFFFF;--color-neutral-border: #E5E7EB;--color-neutral-text-primary: #111827;--color-neutral-text-secondary: #6B7280;--color-success-text: #065F46;--color-success-bg: #D1FAE5;--color-warning-text: #92400E;--color-warning-bg: #FEF3C7;--color-error-text: #991B1B;--color-error-bg: #FEE2E2;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-size-h1: 24px;--font-size-h2: 20px;--font-size-h3: 16px;--font-size-body: 14px;--font-size-small: 12px;--font-size-price: 48px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-hover: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}body{margin:0;font-family:var(--font-family);background-color:var(--color-neutral-background);color:var(--color-neutral-text-primary)}*{box-sizing:border-box}.card{background-color:var(--color-neutral-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid var(--color-neutral-border);padding:var(--spacing-lg)}.btn{border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s}.btn-primary{background-color:var(--color-brand-primary);color:#fff;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{opacity:.9}.flex-center{display:flex;align-items:center;justify-content:center}.text-secondary{color:var(--color-neutral-text-secondary)}.font-bold{font-weight:700}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}