:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--secondary-color: #ec4899;--accent-color: #8b5cf6;--background-color: #f8fafc;--surface-color: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 20px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--font-family-base: "Outfit", sans-serif}body{font-family:var(--font-family-base);background-color:var(--background-color);color:var(--text-primary);-webkit-font-smoothing:antialiased}.text-primary-custom{color:var(--primary-color)}.bg-primary-custom{background-color:var(--primary-color);color:#fff}.bg-surface{background-color:var(--surface-color)}.card-custom{background:var(--surface-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);border:none;transition:transform .2s,box-shadow .2s}.card-custom:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-custom{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border:none;border-radius:var(--border-radius-sm);padding:10px 20px;font-weight:600;transition:opacity .2s}.btn-custom:hover{opacity:.9;color:#fff}.btn-outline-custom{border:2px solid var(--primary-color);color:var(--primary-color);background:transparent;border-radius:var(--border-radius-sm);font-weight:600}.btn-outline-custom:hover{background:var(--primary-color);color:#fff}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.category-card{cursor:pointer;text-align:center;padding:20px}.category-icon{font-size:2rem;margin-bottom:10px;color:var(--primary-color)}